.login-scene{--canvas:250 250 248;--surface:255 255 255;--raised:255 255 255;--line:226 228 233;--line-strong:205 209 216;--fg:15 23 42;--fg-secondary:51 60 77;--muted:100 108 124;--faint:148 155 170;--primary:48 92 222;--primary-hover:38 76 194;--primary-soft:238 242 255;--on-primary:255 255 255;--danger:220 38 38;--danger-soft:254 242 242;color-scheme:light}.dark .login-scene{--canvas:9 13 26;--surface:18 25 43;--raised:24 32 53;--line:40 50 74;--line-strong:58 70 98;--fg:241 245 249;--fg-secondary:203 213 225;--muted:148 160 184;--faint:112 125 152;--primary:61 105 235;--primary-hover:78 118 240;--primary-soft:20 33 74;--on-primary:255 255 255;--danger:248 113 113;--danger-soft:69 10 10;color-scheme:dark}body:has(.login-scene),html:has(.login-scene){background-color:#fafaf8}.dark body:has(.login-scene),html.dark:has(.login-scene){background-color:#090d1a}.dark .login-logo-on-light,.login-logo-on-dark{display:none}.dark .login-logo-on-dark{display:block}.login-scene .login-field{height:2.75rem;border-radius:.5rem;font-size:.875rem}.login-scene .login-action{height:2.75rem;border-radius:.5rem;box-shadow:0 10px 24px -10px rgb(var(--primary)/.7);transition:background-color .15s ease,box-shadow .2s ease,transform .2s ease}.login-scene .login-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgb(var(--primary)/.8)}.login-scene .login-code{height:3.5rem;min-width:0;max-width:3.5rem;flex:1 1 0;border-radius:.5rem}.login-film{background-color:#0b1530;isolation:isolate}.dark .login-film{box-shadow:0 0 0 1px hsla(0,0%,100%,.07),-36px 0 120px -48px rgba(255,164,84,.28)}.login-film:after{content:"";position:absolute;inset:0;z-index:30;background:#05070f;pointer-events:none;animation:login-fade-out 1.8s ease-out both}.login-film-media{transform-origin:70% 72%;animation:login-push 36s ease-in-out infinite alternate}.login-film-scrim{background:linear-gradient(0deg,rgba(5,7,15,.86),rgba(5,7,15,.55) 48%,rgba(5,7,15,0) 88%)}@media (min-width:1024px){.login-film-scrim{background:linear-gradient(180deg,rgba(5,7,15,.72),rgba(5,7,15,.42) 34%,rgba(5,7,15,0) 58%),linear-gradient(0deg,rgba(5,7,15,.5),rgba(5,7,15,0) 34%),radial-gradient(120% 90% at 62% 58%,rgba(5,7,15,0) 55%,rgba(5,7,15,.45) 100%)}}.login-film-grain{inset:-60px;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:login-grain .9s steps(5) infinite}.login-glass{background:hsla(0,0%,100%,.09);border:1px solid hsla(0,0%,100%,.16);box-shadow:0 24px 60px -24px rgba(0,0,0,.65),inset 0 1px 0 hsla(0,0%,100%,.12);backdrop-filter:blur(22px) saturate(150%)}.login-rise{animation:login-rise .9s cubic-bezier(.16,1,.3,1) both}.login-delay-1{animation-delay:80ms}.login-delay-2{animation-delay:.16s}.login-delay-3{animation-delay:.7s}.login-delay-4{animation-delay:.82s}.login-delay-5{animation-delay:.94s}.login-delay-6{animation-delay:1.1s}.login-delay-7{animation-delay:1.3s}.login-step-pulse{animation:login-pulse 1.6s ease-out infinite}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-fade-out{0%{opacity:1}to{opacity:0}}@keyframes login-push{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes login-grain{0%{transform:translate(0)}20%{transform:translate(-22px,14px)}40%{transform:translate(18px,-26px)}60%{transform:translate(-12px,-18px)}80%{transform:translate(26px,20px)}to{transform:translate(0)}}@keyframes login-pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.45)}to{box-shadow:0 0 0 9px hsla(0,0%,100%,0)}}@media (prefers-reduced-motion:reduce){.login-film-grain,.login-film-media,.login-film:after,.login-rise,.login-step-pulse{animation:none}.login-film:after{opacity:0}}