.auth-screen{isolation:isolate;position:relative;overflow-x:clip}.auth-screen-ambient{pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 0% 0%, color-mix(in oklch, var(--color-primary) 14%, transparent), transparent 55%), radial-gradient(90% 70% at 100% 100%, color-mix(in oklch, var(--color-accent-violet,var(--color-primary)) 10%, transparent), transparent 50%), var(--color-background-primary);position:fixed;inset:0}.auth-screen-ambient:before{content:"";opacity:.35;background-image:linear-gradient(color-mix(in oklch, var(--color-border) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--color-border) 35%, transparent) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}@media (prefers-color-scheme:dark){.auth-screen-ambient{background:radial-gradient(110% 90% at 8% -10%, color-mix(in oklch, var(--color-primary) 22%, transparent), transparent 58%), radial-gradient(80% 60% at 95% 105%, color-mix(in oklch, var(--color-accent-violet,var(--color-primary)) 14%, transparent), transparent 52%), var(--color-background-primary)}.auth-screen-ambient:before{opacity:.2}}.auth-screen-content{z-index:1;position:relative}.auth-brand-panel{background:radial-gradient(140% 120% at 10% 0%, color-mix(in oklch, var(--color-primary-bright) 55%, transparent), transparent 50%), linear-gradient(145deg, var(--color-primary) 0%, color-mix(in oklch, var(--color-primary-hover) 88%, black) 48%, color-mix(in oklch, var(--color-primary) 42%, black) 100%)}.auth-brand-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 78% 22%,#ffffff24 0%,#0000 42%),radial-gradient(circle at 12% 88%,#ffffff14 0%,#0000 38%);background:radial-gradient(circle at 78% 22%,lab(100% 0 0/.14) 0%,#0000 42%),radial-gradient(circle at 12% 88%,lab(100% 0 0/.08) 0%,#0000 38%);position:absolute;inset:0}.auth-form-card{border:1px solid color-mix(in oklch, var(--color-border) 65%, transparent);background:color-mix(in oklch, var(--color-panel) 88%, transparent);box-shadow:0 1px 0 #ffffff14 inset, 0 24px 48px -28px #00000073, 0 0 0 1px color-mix(in oklch, var(--color-border) 25%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15)}@supports (color:lab(0% 0 0)){.auth-form-card{box-shadow:0 1px 0 lab(100% 0 0/.08) inset, 0 24px 48px -28px lab(0% 0 0/.45), 0 0 0 1px color-mix(in oklch, var(--color-border) 25%, transparent)}}@media (prefers-color-scheme:dark){.auth-form-card{background:color-mix(in oklch, var(--color-panel) 72%, transparent);box-shadow:0 1px 0 #ffffff0f inset, 0 28px 56px -32px #000000a6, 0 0 0 1px color-mix(in oklch, var(--color-border) 40%, transparent)}@supports (color:lab(0% 0 0)){.auth-form-card{box-shadow:0 1px 0 lab(100% 0 0/.06) inset, 0 28px 56px -32px lab(0% 0 0/.65), 0 0 0 1px color-mix(in oklch, var(--color-border) 40%, transparent)}}}@media (max-width:1023px){.auth-form-card--mobile-bleed{min-height:calc(100dvh - 4.5rem);box-shadow:0 -1px 0 color-mix(in oklch, var(--color-border) 40%, transparent), 0 -24px 48px -20px #00000059;border-bottom:none;border-left:none;border-right:none;border-radius:1.25rem 1.25rem 0 0;flex-direction:column;display:flex}@supports (color:lab(0% 0 0)){.auth-form-card--mobile-bleed{box-shadow:0 -1px 0 color-mix(in oklch, var(--color-border) 40%, transparent), 0 -24px 48px -20px lab(0% 0 0/.35)}}}@media (prefers-color-scheme:dark) and (max-width:1023px){.auth-form-card--mobile-bleed{box-shadow:0 -1px 0 color-mix(in oklch, var(--color-border) 55%, transparent), 0 -28px 56px -24px #0000008c}@supports (color:lab(0% 0 0)){.auth-form-card--mobile-bleed{box-shadow:0 -1px 0 color-mix(in oklch, var(--color-border) 55%, transparent), 0 -28px 56px -24px lab(0% 0 0/.55)}}}.auth-field-input{border-radius:calc(var(--radius-sm) + 2px);border-color:color-mix(in oklch, var(--color-border) 80%, transparent);background:color-mix(in oklch, var(--color-panel-elev) 70%, var(--color-panel));height:2.75rem;transition:border-color .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1),background-color .2s cubic-bezier(.32,.72,0,1)}.auth-field-input:hover:not(:disabled){border-color:color-mix(in oklch, var(--color-primary) 28%, var(--color-border));background:var(--color-panel-elev)}.auth-field-input:focus-visible{border-color:color-mix(in oklch, var(--color-primary) 55%, var(--color-border));box-shadow:0 0 0 3px color-mix(in oklch, var(--color-primary) 18%, transparent)}.auth-field-input--valid{border-color:color-mix(in oklch, var(--color-success) 55%, var(--color-border))}.auth-field-input--valid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-success) 16%, transparent)}.auth-field-input--error{border-color:color-mix(in oklch, var(--color-danger) 60%, var(--color-border))}.auth-field-input--error:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-danger) 16%, transparent)}.auth-social-button{border:1px solid color-mix(in oklch, var(--color-border) 75%, transparent);background:color-mix(in oklch, var(--color-panel-elev) 55%, var(--color-panel));transition:transform .2s cubic-bezier(.32,.72,0,1),border-color .2s cubic-bezier(.32,.72,0,1),background-color .2s cubic-bezier(.32,.72,0,1),box-shadow .2s cubic-bezier(.32,.72,0,1)}.auth-social-button:hover:not(:disabled){border-color:color-mix(in oklch, var(--color-primary) 35%, var(--color-border));background:var(--color-panel-elev);box-shadow:0 8px 20px -14px #00000059;box-shadow:0 8px 20px -14px lab(0% 0 0/.35)}@media (prefers-reduced-motion:no-preference){.auth-social-button:active:not(:disabled){transform:scale(.96)}}