:root{--primary: #0a2540;--primary-hover: #0d3254;--primary-light: rgba(10, 37, 64, .08);--accent-gold: #B17C42;--success-green: #2ECC71;--alert-red: #DC2626;--background: #F5F7FA;--text-primary: #1E293B;--text-secondary: #64748B}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center}#app{width:100%;max-width:400px;padding:20px}.container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:40px;text-align:center}.logo{margin-bottom:24px}.logo img,.logo .logo-img{max-width:220px;width:100%;height:auto;border-radius:12px;display:block;margin:0 auto}.loading{padding:20px}.spinner{width:48px;height:48px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--text-secondary);font-size:16px}.error-page{padding:20px 0}.error-icon{width:64px;height:64px;margin:0 auto 20px;background-size:contain;background-repeat:no-repeat;background-position:center}.error-icon.expired{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23B17C42' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.error-icon.not-found{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23DC2626' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E")}.error-icon.inactive,.error-icon.error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23DC2626' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E")}.error-page h1{font-size:24px;color:var(--text-primary);margin-bottom:12px}.error-page p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.btn{display:inline-block;background-color:var(--primary);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;transition:background-color .2s}.btn:hover{background-color:var(--primary-hover)}@media (max-width: 480px){#app{padding:16px;max-width:100%}.container{padding:28px 20px;border-radius:12px}.logo img{max-width:180px}.loading p,.error-page h1{font-size:15px}.spinner{width:40px;height:40px}}@media (min-width: 481px) and (max-width: 768px){#app{padding:24px;max-width:420px}.container{padding:36px 32px}.logo img{max-width:200px}}@media (min-width: 769px){#app{max-width:440px}}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border-top-color:var(--primary);opacity:.8}}