.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#060918d9;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.auth-modal-content{background:linear-gradient(145deg,#171c37f2,#0d1023fa);border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:440px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 30px #ec489926}.auth-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.auth-modal-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;gap:.5rem;padding:.25rem;display:flex}.auth-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.auth-tab-btn.active{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 2px 10px #ec489966}.auth-modal-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.auth-modal-close:hover{color:#fff;background:#fff3}.auth-benefit-banner{background:linear-gradient(135deg,#ec489926,#3b82f626);border:1px solid #ec48994d;border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.benefit-icon{flex-shrink:0;font-size:1.2rem}.benefit-text{color:#f1f5f9;font-size:.88rem;font-weight:500;line-height:1.4}.auth-modal-body{flex-direction:column;gap:1rem;display:flex}.auth-provider-buttons{flex-direction:column;gap:.75rem;display:flex}.auth-oauth-btn{cursor:pointer;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.google-btn{color:#1e293b;background:#fff}.google-btn:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.dev-test-btn{color:#38bdf8;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#38bdf866}.dev-test-btn:hover{background:linear-gradient(135deg,#3b82f680,#8b5cf680);transform:translateY(-1px);box-shadow:0 4px 15px #38bdf84d}.auth-modal-footer{text-align:center;margin-top:1.25rem}.auth-not-now-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.88rem;text-decoration:underline;transition:color .2s}.auth-not-now-btn:hover{color:#f1f5f9}[data-theme=light] .auth-modal-overlay{background-color:#0f172a73}[data-theme=light] .auth-modal-content{border-color:var(--border-primary);background:#fff;box-shadow:0 20px 50px #0000001f,0 0 30px #d946ef1a}[data-theme=light] .auth-modal-tabs{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=light] .auth-modal-close{border-color:var(--border-primary);color:var(--text-secondary);background:#0000000d}[data-theme=light] .auth-modal-close:hover{color:var(--text-primary);background:#0000001a}[data-theme=light] .benefit-text{color:var(--text-primary)}[data-theme=light] .google-btn{border-color:var(--border-primary);color:var(--text-primary);background:#fff;box-shadow:0 2px 8px #0000000d}[data-theme=light] .google-btn:hover{background:var(--bg-secondary)}[data-theme=light] .auth-not-now-btn{color:var(--text-secondary)}[data-theme=light] .auth-not-now-btn:hover{color:var(--text-primary)}