.auth-page-shell{isolation:isolate;background:radial-gradient(ellipse at 84% -12%, color-mix(in oklab, var(--brand-soft) 56%, transparent), transparent min(42rem, 72vw)), radial-gradient(ellipse at 12% 108%, color-mix(in oklab, var(--accent-soft) 46%, transparent), transparent min(38rem, 68vw)), linear-gradient(155deg, var(--canvas), color-mix(in oklab, var(--surface) 40%, var(--canvas)) 54%, var(--canvas));padding-top:max(var(--auth-page-block-padding), env(safe-area-inset-top));padding-bottom:max(var(--auth-page-block-padding), env(safe-area-inset-bottom));scroll-padding-block:max(var(--auth-page-block-padding), env(safe-area-inset-bottom));position:relative;overflow:hidden auto}.auth-page-shell:before{z-index:0;background:repeating-radial-gradient(circle at 12% 8%, transparent 0 3.6rem, color-mix(in oklab, var(--brand) 4.5%, transparent) 3.625rem 3.675rem), linear-gradient(112deg, color-mix(in oklab, var(--background) 38%, transparent), transparent 48%);content:"";opacity:.72;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 68%);mask-image:linear-gradient(135deg,#000,#0000 68%)}.auth-page-shell .design-atmosphere{z-index:0;padding:0}.auth-page-shell .app-frame-pearl[data-shell-pearl=hero]{opacity:.5;width:clamp(17rem,40vw,27rem);display:block;top:auto;bottom:-7rem;right:-8rem}.auth-page-shell .app-frame-pearl[data-shell-pearl=compact]{opacity:.38;width:6rem;display:block;inset:10% auto auto -2.5rem}.auth-page-shell .app-frame-pearl[data-shell-pearl=lower]{display:none}.auth-page-shell .app-frame-arcs{opacity:.2;width:40rem;display:block;top:auto;bottom:-18rem;right:-12rem}.auth-page-stack,.state-page-panel{z-index:1}.auth-panel{border-color:color-mix(in oklab, var(--border) 70%, var(--foreground));background:linear-gradient(145deg, color-mix(in oklab, var(--background) 96%, transparent), color-mix(in oklab, var(--background) 86%, var(--surface)) 58%, color-mix(in oklab, var(--surface) 48%, var(--background)));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--background) 96%, transparent), 0 1px 2px color-mix(in oklab, var(--foreground) 4%, transparent), 0 30px 90px color-mix(in oklab, var(--foreground) 11%, transparent);position:relative}.auth-panel:before{background:linear-gradient(90deg, color-mix(in oklab, var(--accent) 70%, var(--foreground)), color-mix(in oklab, var(--brand) 54%, var(--border)) 34%, color-mix(in oklab, var(--border) 58%, transparent) 48%, transparent 96%);content:"";height:1px;position:absolute;inset:0 0 auto}.auth-page-title{text-wrap:balance;max-width:18ch}.auth-page-masthead .app-brand-mark{box-shadow:none;background:0 0;border-radius:0}.auth-page-body{gap:1.75rem;margin-block-start:2rem;display:grid}.auth-page-intro{gap:1.5rem;display:grid}.auth-page-orbit{aspect-ratio:1;border-radius:var(--round-radius);background:repeating-radial-gradient(circle, transparent 0 1.75rem, color-mix(in oklab, var(--brand) 10%, transparent) 1.775rem 1.825rem);width:min(100%,15rem);display:none;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(145deg,#000,#0000 78%);mask-image:linear-gradient(145deg,#000,#0000 78%)}.auth-page-orbit span{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--border) 68%, transparent);border-radius:var(--round-radius);background:radial-gradient(circle at 28% 20%, color-mix(in oklab, white 82%, var(--background)), color-mix(in oklab, var(--surface) 72%, var(--background)) 58%, color-mix(in oklab, var(--border) 58%, var(--surface)));width:38%;box-shadow:inset .65rem .75rem 1.5rem #ffffff70, inset -.75rem -.85rem 1.5rem color-mix(in oklab, var(--foreground) 6%, transparent), 0 1.25rem 2.5rem color-mix(in oklab, var(--foreground) 8%, transparent);position:absolute;top:19%;left:19%}@supports (color:lab(0% 0 0)){.auth-page-orbit span{box-shadow:inset .65rem .75rem 1.5rem lab(100% -.0000298023 .0000119209/.44), inset -.75rem -.85rem 1.5rem color-mix(in oklab, var(--foreground) 6%, transparent), 0 1.25rem 2.5rem color-mix(in oklab, var(--foreground) 8%, transparent)}}.auth-page-content{min-width:0}.auth-page-back-link{color:var(--foreground);opacity:.72}.auth-page-shell[data-auth-density=compact] .auth-form{gap:.75rem}.auth-page-shell[data-auth-density=compact] .auth-switch-link{margin-top:1rem}@media (max-height:40rem){.auth-page-body{gap:1.25rem;margin-block-start:1.5rem}}@media (min-width:56rem) and (min-height:40.0625rem){.auth-page-stack{max-width:62rem}.auth-panel{padding:2rem 2.25rem}.auth-page-masthead{border-bottom:1px solid color-mix(in oklab, var(--border) 54%, transparent);padding-block-end:1.25rem}.auth-page-body{grid-template-columns:minmax(0,.84fr) minmax(21rem,1.16fr);gap:0;min-height:28rem;margin-block-start:0}.auth-page-intro{border-right:1px solid color-mix(in oklab, var(--border) 54%, transparent);align-content:space-between;padding:3.25rem 3rem 1.5rem 0}.auth-page-title{max-width:9ch;font-size:clamp(3rem,4.7vw,4.65rem);font-weight:350;line-height:.96}.auth-page-description{max-width:30ch;margin-block-start:1rem;font-size:.9375rem}.auth-page-orbit{display:block}.auth-page-form-pane{align-self:center;padding:2.75rem 0 2.75rem 3.5rem}.auth-page-shell[data-auth-density=compact] .auth-page-body{min-height:25rem}}@media (min-width:56rem) and (min-height:40.0625rem) and (max-height:47rem){.auth-page-stack{max-width:56rem}.auth-panel{padding-block:1.5rem}.auth-page-body,.auth-page-shell[data-auth-density=compact] .auth-page-body{min-height:23rem}.auth-page-intro{padding-block:2.25rem 1rem}.auth-page-title{font-size:3rem}.auth-page-orbit{width:10rem}.auth-page-form-pane{padding-block:1.5rem}}.auth-form .ui-field-label{font-weight:600}.auth-form .ui-input{border-color:color-mix(in srgb, var(--border-control) 94%, var(--border));background:color-mix(in srgb, var(--surface) 72%, var(--background));box-shadow:inset 0 1px 1px color-mix(in srgb, var(--foreground) 4%, transparent)}.auth-form .ui-input:focus{border-color:var(--focus-ring);background:color-mix(in srgb, var(--surface) 54%, var(--background));box-shadow:inset 0 1px 1px color-mix(in srgb, var(--foreground) 3%, transparent), 0 0 0 3px color-mix(in srgb, var(--focus-ring) 15%, transparent)}.auth-form .ui-input[aria-invalid=true]{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 3%, var(--background));box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 15%, transparent)}.auth-form .ui-input:disabled{background:var(--surface);box-shadow:none}.auth-form .ui-input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);caret-color:var(--foreground);box-shadow:inset 0 0 0 1000px color-mix(in srgb, var(--surface) 72%, var(--background))}.auth-form .ui-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--foreground);caret-color:var(--foreground);box-shadow:inset 0 0 0 1000px color-mix(in srgb, var(--surface) 72%, var(--background))}.auth-form .ui-input:-webkit-autofill:focus{border-color:var(--focus-ring);box-shadow:inset 0 0 0 1000px color-mix(in srgb, var(--surface) 54%, var(--background)), 0 0 0 3px color-mix(in srgb, var(--focus-ring) 15%, transparent)}.auth-form .ui-input[aria-invalid=true]:-webkit-autofill{border-color:var(--danger);box-shadow:inset 0 0 0 1000px color-mix(in srgb, var(--danger) 3%, var(--background)), 0 0 0 3px color-mix(in srgb, var(--danger) 15%, transparent)}.auth-form .ui-input[aria-invalid=true]:-webkit-autofill:focus{border-color:var(--danger);box-shadow:inset 0 0 0 1000px color-mix(in srgb, var(--danger) 3%, var(--background)), 0 0 0 3px color-mix(in srgb, var(--danger) 15%, transparent)}.auth-page-preferences [role=group]{gap:.5rem}.auth-page-preferences [role=group]>.ui-button,.auth-page-preferences [data-menu-root]>.ui-button{border-color:var(--border);background:color-mix(in srgb, var(--surface) 68%, var(--background));color:var(--muted);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--background) 92%, transparent)}.auth-page-preferences [data-menu-root][data-state=open]>.ui-button{border-color:color-mix(in srgb, var(--brand) 36%, var(--border));background:color-mix(in srgb, var(--brand-soft) 58%, var(--background));color:var(--foreground)}@media (hover:hover) and (pointer:fine){.auth-page-preferences [role=group]>.ui-button:hover:not(:disabled),.auth-page-preferences [data-menu-root]>.ui-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 30%, var(--border));background:color-mix(in srgb, var(--brand-soft) 42%, var(--background));color:var(--foreground);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--background) 94%, transparent), 0 4px 10px color-mix(in srgb, var(--brand) 8%, transparent)}}@media (forced-colors:active){.auth-page-shell,.auth-panel{box-shadow:none;background:canvas}.auth-form .ui-input,.auth-form .ui-input[aria-invalid=true]{box-shadow:none;background:field;border-color:buttontext}.auth-form .ui-input:-webkit-autofill{box-shadow:none;background:field;border-color:buttontext}.auth-form .ui-input[aria-invalid=true]:-webkit-autofill{box-shadow:none;background:field;border-color:buttontext}.auth-form .ui-input:focus,.auth-form .ui-input[aria-invalid=true]:focus{box-shadow:none;background:field;border-color:highlight}.auth-form .ui-input:-webkit-autofill:focus{box-shadow:none;background:field;border-color:highlight}.auth-form .ui-input[aria-invalid=true]:-webkit-autofill:focus{box-shadow:none;background:field;border-color:highlight}.auth-form .ui-button-primary,.auth-form .ui-button-primary:hover:not(:disabled),.auth-page-preferences [role=group]>.ui-button,.auth-page-preferences [role=group]>.ui-button:hover:not(:disabled),.auth-page-preferences [data-menu-root]>.ui-button,.auth-page-preferences [data-menu-root]>.ui-button:hover:not(:disabled),.auth-page-preferences [data-menu-root][data-state=open]>.ui-button{color:buttontext;box-shadow:none;background:buttonface;border-color:buttontext}}
