:is(html:has([data-login-page]),body:has([data-login-page])){height:100%;margin:0;overflow:hidden}.login-root{z-index:0;background:var(--sidebar-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.login-page{--login-accent:var(--brand);--login-accent-hover:var(--brand-dark);--login-ring:var(--ring);flex-direction:column;flex:auto;width:100%;min-height:0;margin:0;padding:0;display:flex}@media (min-width:768px){.login-page{grid-template-columns:minmax(0,42%) minmax(0,58%);height:100%;display:grid}.login-brand-panel{height:100%;min-height:0;padding-top:0;overflow:hidden}.login-main{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;padding:2rem 3rem;display:flex;overflow-y:auto}}.login-brand-panel{isolation:isolate;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(165deg, var(--sidebar-bg-deep) 0%, var(--sidebar-bg) 42%, color-mix(in oklab, var(--sidebar-bg) 88%, var(--brand-dark) 12%) 100%);color:var(--sidebar-text);position:relative;overflow:hidden}.login-brand-ambient{pointer-events:none;z-index:0;position:absolute;inset:0}.login-brand-glow{filter:blur(72px);border-radius:9999px;position:absolute}.login-brand-glow--tl{background:color-mix(in oklab, var(--brand-light) 28%, transparent);width:16rem;height:16rem;top:-4rem;left:-5rem}.login-brand-glow--br{background:color-mix(in oklab, var(--brand) 22%, transparent);width:14rem;height:14rem;bottom:8rem;right:-4rem}.login-brand-grid{opacity:.35;background-image:radial-gradient(circle at center, color-mix(in oklab, var(--sidebar-accent) 18%, transparent) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 88%);mask-image:linear-gradient(#000 0%,#0000 88%)}.login-brand-arc-ring{aspect-ratio:1;opacity:.34;width:min(110%,520px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.login-brand-arc-ring svg{width:100%;height:100%;animation:48s linear infinite login-arc-drift}.login-brand-content{z-index:1;position:relative}.login-brand-enter{animation:.5s both login-fade-in}.login-brand-enter-delay-1{animation-delay:60ms}.login-brand-enter-delay-2{animation-delay:.12s}.login-brand-enter-delay-3{animation-delay:.18s}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@keyframes login-arc-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-flow-track{margin-top:2rem;padding-left:.125rem;position:relative}.login-flow-arc{pointer-events:none;width:2rem;position:absolute;top:.75rem;bottom:.75rem;left:0;overflow:visible}.login-flow-arc-path{stroke-dasharray:6 10;animation:14s linear infinite login-flow-dash}@keyframes login-flow-dash{to{stroke-dashoffset:-64px}}.login-flow-list{z-index:1;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.login-feature-step{grid-template-columns:2rem minmax(0,1fr);align-items:center;column-gap:.875rem;animation:.45s both login-fade-in;display:grid}.login-feature-step-marker{z-index:2;border:1px solid color-mix(in oklab, var(--brand-light) 50%, transparent);background:color-mix(in oklab, var(--sidebar-bg) 65%, var(--brand) 35%);width:2rem;height:2rem;color:var(--sidebar-accent);border-radius:9999px;justify-content:center;justify-self:center;align-items:center;font-size:.6875rem;font-weight:600;line-height:1;transition:background .25s,border-color .25s,box-shadow .25s,color .25s;display:flex;position:relative}.login-feature-step-card{border:1px solid color-mix(in oklab, var(--brand-light) 14%, transparent);background:color-mix(in oklab, var(--brand) 5%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.625rem;padding:.625rem .75rem;transition:border-color .25s,background .25s,box-shadow .25s,transform .2s}.login-feature-step--lead .login-feature-step-marker{background:linear-gradient(145deg, var(--brand-light), var(--brand-dark));color:var(--text-on-brand);box-shadow:0 0 20px color-mix(in oklab, var(--brand) 35%, transparent);border-color:#0000}.login-feature-step--lead .login-feature-step-card{border-color:color-mix(in oklab, var(--brand-light) 32%, transparent);background:color-mix(in oklab, var(--brand) 11%, transparent);box-shadow:inset 0 1px #ffffff14;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.08)}.login-feature-step:hover .login-feature-step-marker,.login-feature-step:focus-within .login-feature-step-marker{background:linear-gradient(145deg, var(--brand-light), var(--brand-dark));color:var(--text-on-brand);box-shadow:0 0 18px color-mix(in oklab, var(--brand) 38%, transparent);border-color:#0000}.login-feature-step:hover .login-feature-step-card,.login-feature-step:focus-within .login-feature-step-card{border-color:color-mix(in oklab, var(--brand-light) 38%, transparent);background:color-mix(in oklab, var(--brand) 12%, transparent);box-shadow:0 10px 28px color-mix(in oklab, var(--brand) 16%, transparent);transform:translate(2px)}.login-brand-scroll{z-index:1;position:relative}.login-brand-footer{z-index:1;background:linear-gradient(to top, color-mix(in oklab, var(--sidebar-bg) 98%, var(--brand-dark) 2%) 0%, color-mix(in oklab, var(--sidebar-bg) 92%, transparent) 100%);flex-direction:column;gap:0;display:flex;position:relative}.login-brand-footer-brand{align-items:flex-start}.login-form-card{border-color:var(--border);background:var(--surface);box-shadow:0 1px 3px color-mix(in oklab, var(--text-primary) 6%, transparent)}.login-input{border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.login-input::placeholder{color:var(--text-tertiary)}.login-input:hover{border-color:color-mix(in oklab, var(--text-tertiary) 55%, var(--border))}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring);outline:none}.login-btn-primary{background:var(--brand);color:var(--text-on-brand)}.login-btn-primary:hover:not(:disabled){background:var(--brand-dark)}.login-btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-link-accent{color:var(--brand)}.login-link-accent:hover{color:var(--brand-dark);text-decoration:underline}.login-main-bg{background:var(--background)}.login-main{flex:auto;min-height:0}.login-form-shell{width:100%;max-width:400px;margin-left:auto;margin-right:auto}.login-form-help{text-align:center;color:var(--text-secondary);margin-top:1.25rem;font-size:.75rem;line-height:1.5}@media (max-width:767px){.login-brand-panel{flex-shrink:0}.login-brand-arc-ring,.login-brand-glow{display:none}.login-brand-mobile{padding:.875rem 1rem 1rem}.login-main{padding:.75rem 1rem max(1rem, env(safe-area-inset-bottom));justify-content:flex-start;align-items:stretch}.login-form-shell{max-width:none}.login-form-card{border-radius:.75rem;padding:1.25rem 1rem}.login-form-help{margin-top:1rem;padding:0 .25rem}}@media (prefers-reduced-motion:reduce){.login-brand-enter,.login-brand-enter-delay-1,.login-brand-enter-delay-2,.login-brand-enter-delay-3,.login-feature-step,.login-brand-arc-ring svg,.login-flow-arc-path{animation:none!important}.login-feature-step:hover .login-feature-step-card,.login-feature-step:focus-within .login-feature-step-card{transform:none}}
