.login-page{--login-navy:hsl(214 48% 14%);--login-navy-deep:hsl(216 55% 9%);--login-orange:hsl(14 90% 56%);--login-muted-line:hsl(210 18% 58%);--login-form-bg:hsl(36 40% 98.5%)}:root[data-theme=dark] .login-page{--login-form-bg:hsl(0 0% 13%)}.login-form-column{background-color:var(--login-form-bg)}.login-experience{background-color:var(--login-navy);background-image:radial-gradient(ellipse 92% 78% at 100% 108%,hsl(14 90% 52%/.48),transparent 64%),linear-gradient(165deg,var(--login-navy) 0,var(--login-navy-deep) 100%)}.login-experience-grid{background-image:radial-gradient(circle,hsl(210 40% 82%/.22) 1px,transparent 1.2px);background-size:20px 20px}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loginFadeRight{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes loginModuleIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes loginLineIn{0%{opacity:.35}to{opacity:1}}.animate-element{animation:loginFadeIn .2s ease both}.animate-slide-right{animation:loginFadeRight .22s ease both}.login-module-card{animation:loginModuleIn .22s ease both;transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.login-hub-card{isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid hsl(210 30% 82%/.3);background:linear-gradient(160deg,hsl(214 36% 22%/.98),hsl(216 44% 15%/.96) 58%);box-shadow:inset 1px 1px 0 hsl(0 0% 100%/.22),inset 0 -1px 0 hsl(216 50% 6%/.3)}.login-hub-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;background:radial-gradient(88% 72% at 0 0,hsl(0 0% 100%/.2),transparent 46%)}.login-hub-elevation{z-index:1;border-radius:28px;background:hsl(216 72% 3%/.68);filter:blur(28px);transform:translate(calc(-50% + 14px),calc(-50% + 18px))}.login-module-card:hover{transform:translate(-50%,calc(-50% - 2px))}.login-connector{animation:loginLineIn .22s ease both}.login-connector-light{animation:loginConnectorLight 2.8s linear infinite}@keyframes loginConnectorLight{0%{stroke-dashoffset:0}to{stroke-dashoffset:-220}}.login-float-icon{position:absolute;top:58%;color:hsl(150 72% 68%);filter:drop-shadow(0 0 6px hsl(150 80% 62%/.55));animation:loginFloatFade 4s ease-out infinite}.login-float-icon-a{left:32%;animation-delay:0s}.login-float-icon-b{left:50%;animation-delay:1.35s}.login-float-icon-c{left:68%;animation-delay:2.7s}@keyframes loginFloatFade{0%{opacity:0;top:62%;transform:translate(-50%) scale(.72)}16%{opacity:.9}to{opacity:0;top:-30%;transform:translate(-50%) scale(1.08)}}.animate-delay-100{animation-delay:40ms}.animate-delay-200{animation-delay:80ms}.animate-delay-250{animation-delay:.1s}.animate-delay-300{animation-delay:.12s}.animate-delay-400{animation-delay:.16s}.animate-delay-500{animation-delay:.18s}.animate-delay-600{animation-delay:.2s}.animate-delay-700{animation-delay:.22s}.animate-delay-800{animation-delay:.24s}.animate-delay-1000,.animate-delay-1200,.animate-delay-900{animation-delay:.25s}@media (prefers-reduced-motion:reduce){.animate-element,.animate-slide-right,.login-connector,.login-connector-light,.login-float-icon,.login-module-card{animation:none;opacity:1;transform:none}.login-connector-light,.login-float-icon{opacity:0}.login-module-card,.login-module-card:hover{transform:translate(-50%,-50%)}}