.login-hero{--login-bg:#090909;--login-surface:#121212;--login-graphite:#161616;--login-red:#c93a1e;--login-orange:#e55c1f;--login-white:#ffffff;--pointer-x:0.62;--pointer-y:0.45;--pointer-px:62%;--pointer-py:45%;--card-tilt-x:0deg;--card-tilt-y:0deg;--card-tx:0px;--card-ty:0px;--cta-mx:0px;--cta-my:0px;--cta-shine:50%;position:relative;min-height:100dvh;overflow:hidden;background:var(--login-bg);color:var(--login-white);isolation:isolate}.login-ambient{background:radial-gradient(600px circle at var(--pointer-px) var(--pointer-py),rgb(229 92 31/.12),transparent 70%),radial-gradient(180px circle at var(--pointer-px) var(--pointer-py),rgb(229 92 31/.08),transparent 70%)}.login-ambient,.login-flow{pointer-events:none;position:absolute;inset:0;z-index:0}.login-flow{overflow:hidden}.login-flow__base,.login-flow__hot{position:absolute;inset:0;width:100%;height:100%}.login-flow__base{opacity:.28}.login-flow__hot{opacity:.85;mask-image:radial-gradient(280px circle at var(--pointer-px) var(--pointer-py),#000 0,transparent 72%);-webkit-mask-image:radial-gradient(280px circle at var(--pointer-px) var(--pointer-py),#000 0,transparent 72%);filter:drop-shadow(0 0 6px rgb(229 92 31/.35))}.login-reactive{box-shadow:0 0 0 1px rgb(229 92 31/.22),inset 0 0 40px rgb(229 92 31/.03);transition:box-shadow .2s ease,border-color .2s ease}.login-card-motion{transform:translate3d(var(--card-tx),var(--card-ty),0) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y));transform-style:preserve-3d;will-change:transform}.login-magnetic-cta{transform:translate3d(var(--cta-mx),var(--cta-my),0);background-image:linear-gradient(115deg,#c93a1e 0,#e55c1f var(--cta-shine),#ff7a3d 100%);background-size:160% 100%;background-position:var(--cta-shine) 50%;will-change:transform,background-position}.login-focus:focus-visible{outline:2px solid var(--login-orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){.login-ambient{background:radial-gradient(500px circle at 62% 45%,rgb(229 92 31/.08),transparent 70%)}.login-flow__hot{display:none}.login-card-motion,.login-magnetic-cta{transform:none!important}}@media (hover:none){.login-flow__hot{opacity:.35;mask-image:none;-webkit-mask-image:none;filter:none}.login-card-motion,.login-magnetic-cta{transform:none!important}}