@layer components{.auth-shell{background:var(--welcome-bg-base)}.auth-shell-gradient{background:radial-gradient(circle at 15% 20%,var(--welcome-glow-primary),transparent 42%),radial-gradient(circle at 80% 12%,var(--welcome-glow-secondary),transparent 36%),radial-gradient(circle at 75% 75%,var(--welcome-glow-tertiary),transparent 34%),linear-gradient(180deg,var(--welcome-bg-mid),var(--welcome-bg-base))}.auth-noise{opacity:.08;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--color-accent-content) 42%,transparent) 1px,transparent 0);background-size:3px 3px;-webkit-mask-image:linear-gradient(to top,black 55%,transparent 100%);mask-image:linear-gradient(to top,black 55%,transparent 100%)}.auth-wave{filter:drop-shadow(0 -6px 18px color-mix(in oklab,var(--color-accent) 18%,transparent))}.auth-wave-svg{opacity:.82}.auth-wave-base{fill:url(#auth-wave-fill)}.auth-wave-glow{fill:none;stroke:url(#auth-wave-line);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.2;filter:url(#auth-wave-blur)}.auth-wave-line{fill:none;stroke:url(#auth-wave-line);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.96}.auth-card{position:relative;border-radius:1.5rem;overflow:visible;isolation:isolate}.dark .auth-card{--auth-card-shadow-accent: 42%;box-shadow:0 22px 50px color-mix(in oklab,black 64%,var(--color-accent) var(--auth-card-shadow-accent))}.auth-card-border-svg{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;overflow:visible}.auth-card-border-svg__canvas{display:block;width:100%;height:100%;overflow:visible}.auth-card-border-path{fill:none;stroke:color-mix(in oklab,var(--color-accent) 88%,white 12%);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.95}.auth-card-border-path-glow{fill:none;stroke:var(--color-accent);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.5;filter:url(#auth-border-glow)}.auth-card-inner{position:relative;z-index:1;overflow:hidden;border-radius:1.5rem;background:linear-gradient(160deg,color-mix(in oklab,white 80%,transparent),color-mix(in oklab,white 70%,transparent));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in oklab,white 42%,transparent)}.dark .auth-card-inner{background:linear-gradient(165deg,color-mix(in oklab,var(--color-zinc-950) 58%,var(--color-accent) 42%),color-mix(in oklab,var(--color-zinc-950) 72%,black 28%));border-color:color-mix(in oklab,var(--color-accent-content) 38%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--color-accent-content) 22%,white 10%),inset 0 0 48px color-mix(in oklab,var(--color-accent) 10%,transparent)}.auth-card-surface{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 115% 85% at 50% -6%,color-mix(in oklab,var(--color-accent) 42%,white 10%) 0%,color-mix(in oklab,var(--color-accent-content) 18%,transparent) 36%,transparent 68%);opacity:.48}.auth-card-glow{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;overflow:hidden;opacity:.6;contain:strict}.auth-card-glow__wheel{position:absolute;inset:-58%;background:conic-gradient(from 120deg,color-mix(in oklab,var(--color-accent-content) 42%,transparent),color-mix(in oklab,var(--color-accent) 78%,transparent),color-mix(in oklab,var(--color-accent) 94%,white 30%),color-mix(in oklab,var(--color-accent-content) 38%,transparent),color-mix(in oklab,var(--color-accent) 68%,transparent),color-mix(in oklab,var(--color-accent-content) 42%,transparent) 360deg);transform:rotate(0) translateZ(0);transform-origin:center center;will-change:transform}.auth-card-shimmer{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:.26;background:linear-gradient(120deg,transparent 24%,color-mix(in oklab,var(--color-accent-content) 16%,white 6%) 50%,transparent 76%);transform:translate(-120%);will-change:transform}.auth-card-inner-content{position:relative;z-index:1}}@media(prefers-reduced-motion:reduce){.auth-card-border-svg,.auth-card-shimmer,.auth-card-glow,.auth-card-surface{display:none!important}.dark .auth-card{--auth-card-shadow-accent: 42%}}