.auth-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background-color:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out authBackdropFade;display:flex;position:fixed;inset:0}@keyframes authBackdropFade{0%{opacity:0}to{opacity:1}}.auth-modal-card{box-sizing:border-box;color:#fff;background-color:#16161b;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:100%;max-width:470px;max-height:90vh;animation:.24s cubic-bezier(.16,1,.3,1) authModalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000a6,0 0 1px #ffffff40}:root.light-mode .auth-modal-card{color:#161823;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 60px #0000002e,0 2px 12px #0000000f}@keyframes authModalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal-top-bar{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.auth-modal-top-spacer{width:36px;height:36px}.auth-modal-back-btn,.auth-modal-close{color:#a1a1aa;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}:root.light-mode .auth-modal-back-btn,:root.light-mode .auth-modal-close{color:#4b5563;background:#f3f4f6}.auth-modal-back-btn:hover,.auth-modal-close:hover{color:#fff;background:#ffffff29}:root.light-mode .auth-modal-back-btn:hover,:root.light-mode .auth-modal-close:hover{color:#111827;background:#e5e7eb}.auth-modal-body{max-height:calc(90vh - 120px);padding:0 32px 24px;overflow-y:auto}@media (max-width:480px){.auth-modal-body{padding:0 20px 20px}}.auth-modal-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.auth-modal-logo-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:flex;box-shadow:0 4px 16px #0003}:root.light-mode .auth-modal-logo-wrap{background:#f8fafc;border:1px solid #e2e8f0}.auth-modal-logo-wrap.fallback{background:var(--accent-dim,#f0b78426);border-color:var(--border-color,#f0b7844d)}.auth-modal-logo-img{object-fit:contain;border-radius:8px;width:38px;height:38px}.auth-modal-title{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:24px;font-weight:800}:root.light-mode .auth-modal-title{color:#161823}.auth-modal-sub{color:#9ca3af;margin:0;font-size:13.5px;line-height:1.45}:root.light-mode .auth-modal-sub{color:#6b7280}.auth-modal-alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:flex}.auth-modal-alert.error{color:#fb7185;background:#f43f5e24;border:1px solid #f43f5e4d}:root.light-mode .auth-modal-alert.error{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.auth-modal-alert.success{color:#34d399;background:#10b98124;border:1px solid #10b9814d}:root.light-mode .auth-modal-alert.success{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.auth-options-container{flex-direction:column;gap:12px;display:flex}.auth-option-pill{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;width:100%;height:46px;padding:0 16px;font-size:14px;font-weight:600;transition:all .18s;display:flex;position:relative}:root.light-mode .auth-option-pill{color:#161823;background-color:#fff;border:1px solid #e5e7eb}.auth-option-pill:hover{background-color:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}:root.light-mode .auth-option-pill:hover{background-color:#f9fafb;border-color:#d1d5db}.auth-option-icon{color:#d1d5db;flex-shrink:0;justify-content:flex-start;align-items:center;width:28px;display:flex}:root.light-mode .auth-option-icon{color:#161823}.auth-option-text{text-align:center;flex:1;padding-right:28px}.auth-disclaimer{color:#8b8f98;text-align:center;margin:18px 0 4px;padding:0 8px;font-size:11.5px;line-height:1.5}:root.light-mode .auth-disclaimer{color:#8a8b91}.auth-disclaimer a{color:inherit;font-weight:600;text-decoration:underline}.auth-disclaimer a:hover{color:#ff3b5c}.auth-modal-form{flex-direction:column;gap:16px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-label{color:#9ca3af;font-size:12.5px;font-weight:600}:root.light-mode .auth-label{color:#4b5563}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-forgot-link{color:#ff3b5c;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.auth-forgot-link:hover{text-decoration:underline}.auth-input-field{color:#fff;box-sizing:border-box;background-color:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}:root.light-mode .auth-input-field{color:#111827;background-color:#f9fafb;border-color:#d1d5db}.auth-input-field:focus{background-color:#ffffff14;border-color:#ff3b5c;box-shadow:0 0 0 3px #ff3b5c33}:root.light-mode .auth-input-field:focus{background-color:#fff}.auth-password-wrapper{align-items:center;display:flex;position:relative}.auth-password-wrapper .auth-input-field{padding-right:44px}.auth-pwd-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.auth-pwd-toggle:hover{color:#fff}:root.light-mode .auth-pwd-toggle:hover{color:#111827}.auth-modal-btn-primary{color:#fff;cursor:pointer;background:#ff3b5c;border:none;border-radius:9999px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:700;transition:all .18s;box-shadow:0 4px 16px #ff3b5c59}.auth-modal-btn-primary:hover:not(:disabled){background:#fe2c55;transform:translateY(-1px);box-shadow:0 6px 22px #ff3b5c73}.auth-modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-qr-container{flex-direction:column;align-items:center;gap:18px;display:flex}.auth-qr-box{background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:18px;display:flex;box-shadow:0 8px 24px #0003}.auth-qr-matrix{color:#000;justify-content:center;align-items:center;display:flex;position:relative}.auth-qr-scan-line{background:#ff3b5c;height:2px;animation:2s ease-in-out infinite alternate qrScan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #ff3b5c}@keyframes qrScan{0%{top:4px}to{top:calc(100% - 4px)}}.auth-qr-steps{color:#9ca3af;text-align:left;font-size:13px;line-height:1.6}:root.light-mode .auth-qr-steps{color:#4b5563}.auth-qr-steps p{margin:4px 0}.auth-modal-footer{text-align:center;background-color:#ffffff05;border-top:1px solid #ffffff14;padding:16px 24px}:root.light-mode .auth-modal-footer{background-color:#fafafa;border-top-color:#f1f5f9}.auth-modal-footer p{color:#9ca3af;margin:0;font-size:14px}:root.light-mode .auth-modal-footer p{color:#4b5563}.auth-switch-link{color:#ff3b5c;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-size:14px;font-weight:700}.auth-switch-link:hover{text-decoration:underline}