.auth-showcase{--sc-base:#070b14;--sc-ink:#fff;--sc-muted:#ffffffb3;--sc-glass:#ffffff0f;--sc-glass-border:#ffffff1f;--sc-blob:.85;--sc-grain:.55;isolation:isolate;background:var(--sc-base);color:var(--sc-ink);position:relative;overflow:hidden}[data-theme=light] .auth-showcase{--sc-base:#fdf6f0;--sc-ink:hsl(var(--foreground));--sc-muted:hsl(var(--foreground-muted));--sc-glass:#ffffffb8;--sc-glass-border:#0f172a14;--sc-blob:.7;--sc-grain:.35}.auth-muted{color:var(--sc-muted)}.auth-blob{z-index:-2;filter:blur(48px);opacity:var(--sc-blob);background:radial-gradient(circle at center, hsl(var(--accent)) 0%, hsl(var(--accent) / .55) 40%, transparent 70%);will-change:transform;border-radius:9999px;position:absolute}.auth-blob-a{aspect-ratio:1;top:-20%;width:70%;animation:18s ease-in-out infinite alternate auth-drift-a;inset-inline-end:-25%}.auth-blob-b{aspect-ratio:1;bottom:-18%;width:55%;animation:22s ease-in-out infinite alternate auth-drift-b;inset-inline-start:-20%}.auth-grain{z-index:-1;opacity:var(--sc-grain);mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes auth-drift-a{to{transform:translate(-12%,18%)scale(1.15)}}@keyframes auth-drift-b{to{transform:translate(20%,-14%)scale(1.2)}}.auth-stage{--gap:1rem;perspective:300px;direction:ltr;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.auth-plane{gap:var(--gap);display:flex;transform:translateZ(-100px)rotateX(20deg)rotateY(-10deg)rotate(20deg)scale(.6)}@media (min-width:1024px){.auth-plane{transform:translate(-40px)translateY(-160px)translateZ(-100px)rotateX(20deg)rotateY(-10deg)rotate(20deg)scale(1.35)}}.auth-column{gap:var(--gap);flex-direction:column;display:flex}.auth-column-track{gap:var(--gap);flex-direction:column;flex-shrink:0;animation:40s linear infinite auth-marquee-up;display:flex}.auth-column-track.is-reverse{animation-direction:reverse}@keyframes auth-marquee-up{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}.auth-card{border-radius:var(--radius-lg,.75rem);background:var(--sc-glass);border:1px solid var(--sc-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:11.5rem;padding:.875rem 1rem;box-shadow:0 10px 30px #0000002e}.auth-card.is-brand{border-color:hsl(var(--accent) / .55);box-shadow:0 0 0 1px hsl(var(--accent) / .15), 0 10px 36px hsl(var(--accent) / .35)}.auth-showcase{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}[data-modality=keyboard] .auth-control:focus-visible:focus-visible:focus-visible{outline:none}.auth-bleed{--bleed-glow:.34;--bleed-wash:.12;--bleed-top:.3;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 40% at 50% 0%, hsl(var(--accent) / var(--bleed-top)), transparent 70%);grid-area:main}[data-theme=light] .auth-bleed{--bleed-glow:.22;--bleed-wash:.07;--bleed-top:.2}@media (min-width:1024px){.auth-showcase{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%);mask-image:linear-gradient(90deg,#0000,#000 18%)}[dir=rtl] .auth-showcase{-webkit-mask-image:linear-gradient(270deg,#0000,#000 18%);mask-image:linear-gradient(270deg,#0000,#000 18%)}.auth-bleed{background:radial-gradient(ellipse 95% 90% at 100% 50%, hsl(var(--accent) / var(--bleed-glow)), transparent 70%), linear-gradient(to left, hsl(var(--accent) / var(--bleed-wash)), transparent 70%);grid-area:1/1/-1}[dir=rtl] .auth-bleed{background:radial-gradient(ellipse 95% 90% at 0% 50%, hsl(var(--accent) / var(--bleed-glow)), transparent 70%), linear-gradient(to right, hsl(var(--accent) / var(--bleed-wash)), transparent 70%)}}@media (prefers-reduced-motion:reduce){.auth-blob,.auth-column-track{animation:none}}.auth-control:-webkit-autofill{-webkit-text-fill-color:hsl(var(--foreground));caret-color:hsl(var(--foreground));transition:background-color 0s 600000s}.auth-control:-webkit-autofill:hover{-webkit-text-fill-color:hsl(var(--foreground));caret-color:hsl(var(--foreground));transition:background-color 0s 600000s}.auth-control:-webkit-autofill:focus{-webkit-text-fill-color:hsl(var(--foreground));caret-color:hsl(var(--foreground));transition:background-color 0s 600000s}.auth-overlay{border:1px solid hsl(var(--accent) / .35);background:hsl(var(--background) / .82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 0 4px hsl(var(--accent) / .08);border-radius:2rem}