@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 20px #60a5fa66)drop-shadow(0 0 40px #60a5fa1a)}50%{filter:drop-shadow(0 0 30px #60a5fa99)drop-shadow(0 0 60px #60a5fa33)}}.login-page{background:linear-gradient(-45deg,#0c0f1a,#0f172a,#1e3a5f,#0c1929) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;animation:15s infinite gradientShift;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:48px;box-shadow:0 24px 64px -16px #00000080,0 8px 20px #0003}.login-brand-logo{width:100%;max-width:240px;height:auto;margin:0 auto 8px;animation:3s ease-in-out infinite glowPulse;display:block}.login-subtitle{color:#94a3b8;margin-bottom:36px;font-size:14px;font-weight:400}.form-group{text-align:left;margin-bottom:20px}.form-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .25s}.form-input::placeholder{color:#475569}.form-input:focus{background:#ffffff14;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33,0 0 20px #60a5fa1a}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;border-radius:12px;width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:600;transition:all .25s;box-shadow:0 4px 16px #2563eb66}.btn-login:hover{background:linear-gradient(135deg,#1d4ed8,#0891b2);transform:translateY(-1px);box-shadow:0 8px 24px #2563eb80}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{color:#ef5350;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;margin-bottom:20px;padding:12px;font-size:13px}.forgot-link{text-align:center;color:#60a5fa;margin-top:22px;font-size:13px;text-decoration:none;transition:all .2s;display:block}.forgot-link:hover{color:#93c5fd;text-decoration:underline}.login-footer{color:#475569;letter-spacing:.3px;margin-top:32px;font-size:12px}.success-message{color:#66bb6a;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;margin-bottom:20px;padding:12px;font-size:13px}@media (prefers-color-scheme:light){.login-page{background:linear-gradient(-45deg,#f0f7ff,#e0ecff,#dbeafe,#eff6ff) 0 0/400% 400%}.login-card{-webkit-backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 64px -16px #0f172a1f,0 8px 20px #0f172a0f}.login-subtitle{color:#64748b}.form-label{color:#475569}.form-input{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}.form-input::placeholder{color:#94a3b8}.form-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26,0 0 20px #2563eb14}.error-message{color:#b91c1c;background:#ef444414;border-color:#ef444433}.success-message{color:#047857;background:#10b98114;border-color:#10b98133}.forgot-link{color:#2563eb}.forgot-link:hover{color:#1d4ed8}.login-footer{color:#94a3b8}}