.login-page{--login-navy:oklch(0.28 0.06 245);--login-navy-deep:oklch(0.2 0.05 245);--login-glow:oklch(0.55 0.12 245/0.35)}.login-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-ambient__orb{position:absolute;border-radius:9999px;filter:blur(64px);opacity:.55;will-change:transform}.login-ambient__orb--a{top:-12%;left:-8%;width:min(52vw,28rem);height:min(52vw,28rem);background:oklch(.55 .12 245/.28);animation:login-drift-a 18s ease-in-out infinite}.login-ambient__orb--b{right:-10%;bottom:-16%;width:min(60vw,34rem);height:min(60vw,34rem);background:oklch(.62 .08 220/.22);animation:login-drift-b 22s ease-in-out infinite}.login-ambient__orb--c{top:42%;left:38%;width:min(36vw,18rem);height:min(36vw,18rem);background:oklch(.7 .06 200/.14);animation:login-drift-c 16s ease-in-out infinite}.login-brand{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 10% 0,oklch(.42 .1 245/.55),transparent 55%),radial-gradient(90% 70% at 90% 100%,oklch(.45 .08 220/.4),transparent 50%),linear-gradient(160deg,var(--login-navy) 0,var(--login-navy-deep) 100%);color:oklch(.97 .01 245)}.login-brand__grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(oklch(1 0 0/.12) 1px,transparent 0),linear-gradient(90deg,oklch(1 0 0/.12) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 70% at 40% 40%,black,transparent);animation:login-grid-fade 1.2s ease-out both}.login-brand__glow{position:absolute;top:-20%;left:-10%;width:70%;height:55%;border-radius:9999px;background:oklch(.55 .12 245/.28);filter:blur(48px);animation:login-glow-pulse 10s ease-in-out infinite;pointer-events:none}.login-brand__wave{position:absolute;inset-inline:0;bottom:0;height:42%;opacity:.35}.login-brand__wave path{fill:none;stroke:oklch(1 0 0/.35);stroke-width:1.25;animation:login-wave 10s ease-in-out infinite}.login-brand__wave path:nth-child(2){stroke:oklch(1 0 0/.22);animation-delay:-2.5s;animation-duration:13s}.login-brand__wave path:nth-child(3){stroke:oklch(1 0 0/.14);animation-delay:-5s;animation-duration:16s}.login-card{animation:login-card-in .64s cubic-bezier(.22,1,.36,1) both}.login-enter{animation:login-rise .56s cubic-bezier(.22,1,.36,1) both}.login-enter-delay-1{animation-delay:70ms}.login-enter-delay-2{animation-delay:.14s}.login-enter-delay-3{animation-delay:.21s}.login-enter-delay-4{animation-delay:.28s}.login-field-reveal{animation:login-rise .38s cubic-bezier(.22,1,.36,1) both}@keyframes login-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(6%,8%,0) scale(1.08)}}@keyframes login-drift-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-8%,-6%,0) scale(1.1)}}@keyframes login-drift-c{0%,to{transform:translateZ(0)}50%{transform:translate3d(4%,-10%,0)}}@keyframes login-wave{0%,to{transform:translateX(0)}50%{transform:translateX(-3%)}}@keyframes login-glow-pulse{0%,to{opacity:.55;transform:translateZ(0) scale(1)}50%{opacity:.85;transform:translate3d(4%,6%,0) scale(1.06)}}@keyframes login-grid-fade{0%{opacity:0}to{opacity:.14}}@keyframes login-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes login-card-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.login-ambient__orb,.login-brand__glow,.login-brand__grid,.login-brand__wave path,.login-card,.login-enter,.login-field-reveal{animation:none!important}.login-card,.login-enter,.login-field-reveal{opacity:1;transform:none}.login-brand__grid{opacity:.14}}