.login-page{--login-base:#0f1830;--login-glow:#0d59a5;--login-glow-mid:#0e386a;background:radial-gradient(circle at 30% 20%, var(--login-glow) 0%, var(--login-glow-mid) 35%, transparent 70%), var(--login-base);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.login-card{background:#fff;border-radius:1rem;flex-direction:column;align-items:center;gap:1.75rem;inline-size:100%;max-inline-size:22rem;padding:2.5rem 2rem;display:flex;box-shadow:0 1.25rem 3rem #00000059}.login-card__logo{block-size:auto;inline-size:11rem;display:block}.login-card__button{justify-content:center;min-block-size:2.5rem;display:flex}.login-page--exiting{animation:.5s forwards login-fade-out}.login-page--exiting .login-card{animation:.5s forwards login-card-lift}@keyframes login-fade-out{0%{opacity:1}to{opacity:0}}@keyframes login-card-lift{0%{transform:translateY(0)scale(1)}to{transform:translateY(-.75rem)scale(.97)}}.login-page--entering{animation:.5s both login-fade-in}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.login-page--exiting,.login-page--exiting .login-card,.login-page--entering{animation:none}}