@layer components{.auth-page{--auth-ease-out:cubic-bezier(.23,1,.32,1);--auth-spring:cubic-bezier(.34,1.26,.64,1);isolation:isolate;background:var(--background);min-height:100dvh;color:var(--foreground);font-family:var(--font-app-sans),ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;--auth-field:color-mix(in oklab,var(--foreground)5%,var(--background));--auth-field-border:color-mix(in oklab,var(--foreground)13%,transparent);position:relative;overflow-x:clip}.auth-page.theme-studio-light{--auth-field:var(--card);--auth-field-border:#29272033}.auth-headline{font-family:var(--font-display),var(--font-app-sans),ui-sans-serif,sans-serif;letter-spacing:-.032em;text-wrap:balance;font-size:clamp(2rem,1.7rem + 1.2vw,2.5rem);font-weight:700;line-height:1.04}.auth-atmosphere{z-index:-1;pointer-events:none;height:min(560px,75vh);position:absolute;inset:0 0 auto}.auth-atmosphere:before{content:"";background-image:radial-gradient(circle at center,color-mix(in oklab,var(--foreground)13%,transparent).9px,transparent 1.3px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 72% 0,#000 0%,#00000073 45%,#0000 78%);mask-image:radial-gradient(60% 70% at 72% 0,#000 0%,#00000073 45%,#0000 78%)}.auth-atmosphere:after{content:"";background:radial-gradient(closest-side,color-mix(in oklab,var(--primary)15%,transparent),color-mix(in oklab,var(--primary)4%,transparent)55%,transparent);filter:blur(24px);width:78%;height:90%;position:absolute;top:-28%;right:-12%}@media (min-width:1024px){.auth-atmosphere{right:50%}.auth-atmosphere:before{-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000000b3 0%,#0000004d 45%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000000b3 0%,#0000004d 45%,#0000 75%)}.auth-atmosphere:after{opacity:.7;width:70%;top:-40%;right:0}}.theme-studio-light .auth-atmosphere:before{opacity:.55}.theme-studio-light .auth-atmosphere:after{opacity:.2}.theme-studio-light .auth-cta{box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000001f,0 8px 20px -12px #9856048c}.auth-switch-indicator{background:color-mix(in oklab,var(--foreground)8%,var(--card));border:1px solid var(--border);width:calc(50% - 4px);box-shadow:0 1px 0 color-mix(in oklab,var(--foreground)6%,transparent)inset,0 1px 2px #00000047;transition:transform .36s var(--auth-spring);will-change:transform;border-radius:6px;position:absolute;top:4px;bottom:4px;left:4px}.theme-studio-light .auth-switch-indicator{background:var(--card);box-shadow:0 1px 2px #2927201f,inset 0 1px #fffc}.auth-switch[data-active=team] .auth-switch-indicator{transform:translate(100%)}.auth-panels{display:grid}.auth-panel{min-width:0;transition:opacity .2s var(--auth-ease-out),transform .2s var(--auth-ease-out),visibility 0s linear 0s;grid-area:1/1}.auth-panel[data-state=inactive]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease-in,transform .14s ease-in,visibility 0s linear .14s}.auth-panel[data-tab=creator][data-state=inactive]{transform:translate(-10px)}.auth-panel[data-tab=team][data-state=inactive]{transform:translate(10px)}@keyframes auth-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-step{animation:auth-step-in .22s var(--auth-ease-out)both}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-fade-in{animation:.16s ease-out both auth-fade-in}.auth-cta{box-shadow:0 1px 0 #ffffff4d inset,0 -1px 0 #00000024 inset,0 10px 26px -12px color-mix(in oklab,var(--primary)75%,transparent);transition:transform .16s var(--auth-ease-out),filter .16s ease,opacity .16s ease}.auth-cta:active{transform:scale(.985)}.auth-link{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab,var(--foreground)28%,transparent);text-decoration-color:color-mix(in oklab,var(--foreground)28%,transparent);text-underline-offset:4px;border-radius:3px;outline:none;font-weight:500;transition:text-decoration-color .15s}.auth-link:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.auth-link:focus-visible{box-shadow:0 0 0 2px var(--ring)}.auth-stage{isolation:isolate;color:#f2f0ec;background:#0b0b0c;border:1px solid #f2f0ec14;border-radius:18px;height:100%;min-height:560px;position:relative;overflow:hidden}.auth-stage-shade{z-index:0;background:linear-gradient(#0b0b0c00 42%,#0b0b0c66 66%,#0b0b0ceb 100%),radial-gradient(70% 55% at 85% 38%,#e8a33d33,#e8a33d0d 50%,#0000 75%);position:absolute;inset:0}.auth-stage-wall{z-index:0;background-image:radial-gradient(circle,#f2f0ec29 .9px,#0000 1.3px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 70% 35%,#000 0%,#00000080 45%,#0000 80%);mask-image:radial-gradient(75% 65% at 70% 35%,#000 0%,#00000080 45%,#0000 80%)}.auth-stage-card{background:linear-gradient(#1a1a1e,#141417 65%);border:1px solid #f2f0ec1f;border-radius:14px;box-shadow:inset 0 1px #ffffff0d,0 30px 80px -30px #000000d9,0 0 0 1px #00000080}.auth-stage-slide{transition:opacity .22s var(--auth-ease-out),transform .22s var(--auth-ease-out),visibility 0s linear 0s;grid-area:1/1}.auth-stage-slide[data-state=inactive]{opacity:0;visibility:hidden;transition:opacity .14s ease-in,transform .14s ease-in,visibility 0s linear .14s;transform:translateY(6px)}.auth-window{background:#f2f0ec14;border-radius:3px;height:6px;position:relative;overflow:hidden}.auth-window>span{border-radius:inherit;background:#e8a33d;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.auth-switch-indicator,.auth-panel,.auth-panel[data-state=inactive],.auth-stage-slide,.auth-stage-slide[data-state=inactive],.auth-cta{transition:none}.auth-panel[data-state=inactive],.auth-stage-slide[data-state=inactive]{transform:none}.auth-step,.auth-fade-in{animation:none}}}.auth-page input[data-slot=input],.auth-page [data-slot=input-otp-slot]{background:var(--auth-field);border-color:var(--auth-field-border)}.auth-page input[data-slot=input]:hover:not(:focus-visible):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--foreground)22%,transparent)}.auth-page [data-slot=input-otp-slot][aria-invalid=true]{border-color:var(--destructive)}.auth-page [data-slot=input-otp-slot][data-active=true]{border-color:var(--primary)}.auth-page ::selection{background:color-mix(in oklab,var(--primary)32%,transparent)}.auth-page input[data-slot=input]:focus-visible{border-color:color-mix(in oklab,var(--primary)70%,transparent)}.auth-page input[data-slot=input][aria-invalid=true]{border-color:var(--destructive)}