.login-page{--login-ink:#101832;--login-muted:#63699a;--login-panel:#ffffff8c;--login-panel-border:#ffffffb3;--login-blue:#2f6bff;--login-cyan:#22d3ee;--login-glow:#22a8ff59;isolation:isolate;min-height:100vh;color:var(--login-ink);background:linear-gradient(160deg,#eef4ff 0%,#f4fbff 100%);place-items:center;padding:2rem 1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:grid;position:relative;overflow:hidden}.login-page:before{z-index:-1;content:"";pointer-events:none;filter:blur(60px);background:radial-gradient(40% 34% at 12% 15%,#2f6bff52,#0000 70%),radial-gradient(36% 32% at 88% 20%,#22d3ee47,#0000 70%),radial-gradient(42% 38% at 50% 95%,#22a8ff33,#0000 70%);animation:22s ease-in-out infinite alternate login-drift;position:absolute;inset:-20%}@keyframes login-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-2%,2%)scale(1.06)}}.login-card{border:1px solid var(--login-panel-border);background:var(--login-panel);-webkit-backdrop-filter:blur(28px)saturate(160%);text-align:center;border-radius:1.5rem;width:min(100%,24rem);padding:3rem 2.5rem 2.5rem;transition:box-shadow .26s,border-color .26s,transform .26s;animation:.7s cubic-bezier(.22,1,.36,1) both login-rise;position:relative;box-shadow:0 1.5rem 4rem #1e3c8c1f,inset 0 1px #ffffffd9}.login-card:hover{box-shadow:0 2rem 5rem #1e3c8c29, 0 0 4.5rem var(--login-glow), 0 0 1.5rem #22d3ee40, inset 0 1px 0 #fffffff2;border-color:#22a8ff80;transform:translateY(-4px)}.login-title{letter-spacing:-.02em;color:var(--login-ink);margin:0 0 .65rem;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.75rem;font-weight:700}.login-title-bar{background:linear-gradient(90deg, var(--login-blue), var(--login-cyan));border-radius:999px;width:2.5rem;height:3px;margin:0 auto 1.5rem;box-shadow:0 0 .75rem #22d3ee8c}.login-copy{color:var(--login-muted);margin:0;font-size:.875rem;line-height:1.6}.login-alert{color:#a62f5c;text-align:left;background:#ffeaf2b3;border:1px solid #dc467347;border-radius:.9rem;margin-bottom:1.25rem;padding:.75rem}.login-alert-title{letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:800}.login-alert p{color:inherit;margin:.25rem 0 0;font-size:.875rem}.login-form{margin-top:1.75rem}.login-submit{min-height:3.25rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 .7rem 1.5rem #2f6bff3d,inset 0 1px #fff6;background:linear-gradient(120deg, var(--login-blue), var(--login-cyan))!important;color:#fff!important;border:1px solid #ffffffb3!important;border-radius:.9rem!important}.login-submit:hover{filter:saturate(1.15)brightness(1.04);transform:translateY(-2px);box-shadow:0 1rem 2rem #2f6bff47,0 0 2.5rem #22d3ee8c,inset 0 1px #ffffff80}.login-submit:active{transform:translateY(0)scale(.99)}.dark .login-page{--login-ink:#f2f6ff;--login-muted:#9aa3cf;--login-panel:#0a10268c;--login-panel-border:#3caaff59;--login-glow:#22a8ff73;background:linear-gradient(160deg,#04070f 0%,#05121f 100%)}.dark .login-page:before{background:radial-gradient(40% 34% at 12% 15%,#2f6bff6b,#0000 70%),radial-gradient(36% 32% at 88% 20%,#22d3ee61,#0000 70%),radial-gradient(42% 38% at 50% 95%,#22a8ff42,#0000 70%)}.dark .login-title{text-shadow:0 0 22px #22d3ee59}.dark .login-alert{color:#ffafc7;background:#6b193f47;border-color:#dc467359}@keyframes login-rise{0%{opacity:0;transform:translateY(1rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:480px){.login-card{padding:2.5rem 1.5rem 2rem}}@media (prefers-reduced-motion:reduce){.login-card,.login-submit,.login-page:before{transition:none;animation:none}}