.login-page{background:linear-gradient(135deg,#0a1a14 0%,#1a3c34 40%,#0d2b22 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(#f59e0b0f 0%,#0000 70%);width:80%;height:200%;position:absolute;top:-50%;right:-30%}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1;background:#1e2d26d9;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:40px 36px;animation:.4s ease-out loginSlideUp;position:relative;box-shadow:0 24px 80px #00000080}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:28px}.login-brand{align-items:center;gap:8px;margin-bottom:16px;text-decoration:none;display:inline-flex}.login-brand-icon{font-size:1.8rem}.login-brand-name{color:#fff;letter-spacing:-.5px;font-size:1.3rem;font-weight:800}.login-brand-highlight{color:#f59e0b}.login-title{color:#fff;margin:16px 0 6px;font-size:1.4rem;font-weight:700}.login-subtitle{color:#ffffff80;font-size:.85rem;line-height:1.5}.login-error{color:#fca5a5;text-align:center;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.82rem}.login-success{color:#86efac;text-align:center;background:#22c55e1f;border:1px solid #22c55e40;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.82rem}.login-methods{flex-direction:column;gap:12px;display:flex}.login-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.login-btn:disabled{opacity:.5;cursor:default}.login-btn-google{color:#333;background:#fff;font-weight:600}.login-btn-google:hover:not(:disabled){background:#f5f5f5;box-shadow:0 2px 12px #00000026}.login-btn-primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.login-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.login-btn-secondary{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a}.login-btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff1a}.login-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.login-divider span{color:#ffffff59;white-space:nowrap;font-size:.75rem}.login-toggle{background:#0003;border-radius:10px;gap:6px;padding:4px;display:flex}.login-toggle-btn{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.login-toggle-btn.active{color:#fff;background:#ffffff1a}.login-field{flex-direction:column;gap:10px;display:flex}.login-field input{color:#fff;background:#00000040;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:12px 16px;font-size:.9rem;transition:border-color .2s}.login-field input:focus{border-color:#f59e0b}.login-field input::placeholder{color:#ffffff4d}.login-actions{flex-direction:column;gap:8px;display:flex}.login-otp{text-align:center;flex-direction:column;gap:12px;display:flex}.login-otp-info{color:#fff9;font-size:.85rem;line-height:1.5}.login-otp-input{color:#fff;text-align:center;letter-spacing:.5em;background:#00000040;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:14px 16px;font-family:SF Mono,Menlo,monospace;font-size:1.4rem;transition:border-color .2s}.login-otp-input:focus{border-color:#f59e0b}.login-sent{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-sent-icon{margin-bottom:4px;font-size:2.5rem}.login-sent p{color:#ffffffb3;margin:0;font-size:.9rem}.login-sent-email{font-weight:700;color:#f59e0b!important}.login-footer{text-align:center;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:20px}.login-footer p{color:#ffffff59;margin:6px 0;font-size:.78rem}.login-footer a{color:#f59e0b;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:28px 20px}.login-title{font-size:1.2rem}}