.login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-loading{color:#94a3b8;font-size:16px}.login-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px 36px 32px;animation:.4s ease-out loginFadeIn;box-shadow:0 8px 48px #0003,0 0 0 1px #ffffff0d}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.login-brand{color:#1a1a2e;cursor:pointer;text-align:center;margin-bottom:28px;font-size:20px;font-weight:700}.login-brand-light{font-weight:300}.login-brand-accent{color:#3b82f6}.login-title{color:#1a1a2e;text-align:center;margin:0 0 6px;font-size:24px;font-weight:700}.login-subtitle{color:#6b7280;text-align:center;margin:0 0 28px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-field label{color:#374151;font-size:13px;font-weight:600}.login-field input{box-sizing:border-box;background:#fafafa;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.login-password-wrapper{align-items:center;display:flex;position:relative}.login-password-wrapper input{padding-right:44px}.login-eye-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:10px}.login-eye-btn:hover{color:#6b7280}.login-error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px}.login-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 20px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 12px #2563eb40}.login-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #2563eb59}.login-cta:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite loginSpin;display:inline-block}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-footer{text-align:center;color:#9ca3af;margin-top:24px;font-size:13px}.login-link{color:#3b82f6;font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.login-forgot-link{color:#3b82f6;cursor:pointer;text-align:right;background:0 0;border:none;margin-top:2px;padding:0;font-size:12px;font-weight:500}.login-forgot-link:hover{text-decoration:underline}.login-back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:20px;padding:0;font-size:13px;display:flex}.login-back-btn:hover{color:#374151}.login-msg{text-align:center;border-radius:10px;padding:10px 14px;font-size:13px}.login-msg--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.login-msg--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.login-success-state{text-align:center}.login-success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:inline-flex}.login-loading-state{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.login-loading-state p{margin:0;font-size:15px}.login-link-sent{text-align:center;animation:.3s ease-out loginFadeIn}.login-sent-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex}.login-hint{color:#94a3b8;margin:16px 0 20px;font-size:13px;line-height:1.5}.login-resend-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:500;transition:color .2s}.login-resend-btn:hover{color:#4f46e5}.login-token-error{text-align:center;animation:.3s ease-out loginFadeIn}.login-error-icon{margin-bottom:16px;font-size:40px}.login-toggle{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;gap:0;margin-bottom:28px;display:flex;overflow:hidden}.login-toggle-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 10px;font-size:13px;font-weight:600;transition:all .25s;display:flex;position:relative}.login-toggle-btn:first-child{border-right:1.5px solid #e2e8f0}.login-toggle-btn.active{color:#1e293b;background:#fff;box-shadow:0 1px 4px #0000000f}.login-toggle-btn:not(.active):hover{color:#64748b;background:#f1f5f9}@media (max-width:480px){.login-card{border-radius:16px;padding:32px 22px 26px}.login-title{font-size:22px}.login-toggle-btn{gap:5px;padding:11px 6px;font-size:12px}}