.login{position:relative;overflow:hidden;isolation:isolate}.login__bg,.login__glow,.login__grid{position:absolute;z-index:-1;pointer-events:none;overflow:hidden}.login__bg{inset:0}.login__bg:before{content:"";position:absolute;inset:-60%;background:repeating-radial-gradient(circle at 100% 0,color-mix(in srgb,var(--sea-slate) 24%,transparent) 0 1.5px,transparent 1.5px 60px);transform-origin:100% 0;animation:login-emanate 20s linear infinite}.login__grid{left:0;right:0;bottom:0;height:62%;perspective:320px;-webkit-mask-image:linear-gradient(0deg,#000 34%,transparent 92%);mask-image:linear-gradient(0deg,#000 34%,transparent 92%)}.login__grid:before{content:"";position:absolute;left:-50%;right:-50%;top:-10%;bottom:0;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--vintage-linen) 14%,transparent) 0 2px,transparent 2px 76px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--vintage-linen) 9%,transparent) 0 2px,transparent 2px 76px);transform:rotateX(74deg);transform-origin:bottom center;animation:login-travel 9s linear infinite}.login__glow{inset:0;background:radial-gradient(50% 44% at 28% 80%,color-mix(in srgb,var(--soft-ivory) 9%,transparent),transparent 70%);animation:login-drift 40s ease-in-out infinite}@keyframes login-emanate{to{transform:scale(1.06)}}@keyframes login-travel{to{background-position:0 76px,0 0}}@keyframes login-drift{0%,to{transform:translateZ(0);opacity:.9}50%{transform:translate3d(8%,-6%,0);opacity:1}}@media (prefers-reduced-motion:reduce){.login__bg:before,.login__glow,.login__grid:before{animation:none}}