@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #60a5fa66,0 0 40px #60a5fa1a}50%{text-shadow:0 0 30px #60a5fa99,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{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:36px;font-weight:800}.login-brand span{color:#60a5fa;animation:3s ease-in-out infinite glowPulse}.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:#f87171;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:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;margin-bottom:20px;padding:12px;font-size:13px}