.auth{background:var(--t-surface);grid-template-columns:1fr 1fr;min-height:100%;display:grid}.auth-art{background:var(--c-sidebar);color:#fff;flex-direction:column;justify-content:space-between;padding:40px 48px;display:flex;position:relative;overflow:hidden}.auth-art:after{content:"";background:radial-gradient(circle,#7c3aed73,#0000 65%);border-radius:50%;width:520px;height:520px;position:absolute;inset:auto -20% -40% auto}.auth-art h2{font-family:var(--font-display);font-size:calc(40px * var(--fs));z-index:1;max-width:420px;margin:0;font-weight:600;line-height:1.1;position:relative}.auth-art p{color:#cbd5e1;max-width:420px;font-size:var(--fs-lg);z-index:1;position:relative}.auth-art .chapi{z-index:1;width:max-content;position:relative}.auth-form{justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{gap:var(--space-16);flex-direction:column;width:100%;max-width:380px;display:flex}.auth-card h1{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:0}.auth-card p{color:var(--c-text-muted);margin:0}.code-input{letter-spacing:.5em;font-size:var(--fs-xl);text-align:center;height:52px;font-weight:600}.presets{gap:var(--space-12);display:grid}.preset{gap:var(--space-12);text-align:left;border:1px solid var(--c-border);border-radius:var(--radius-panel);padding:var(--space-12) var(--space-16);background:var(--t-surface);align-items:flex-start;display:flex}.preset[aria-pressed=true]{border-color:var(--t-link);background:var(--t-accent-soft);box-shadow:var(--focus)}.preset b{font-size:var(--fs-base);display:block}.preset span{font-size:var(--fs-sm);color:var(--c-text-muted)}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.auth-or{align-items:center;gap:var(--space-12);color:var(--c-text-muted);font-size:var(--fs-sm);display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--c-line);flex:1;height:1px}.auth-passkey{justify-content:center;gap:var(--space-8);height:44px}.auth-passkey svg{width:18px;height:18px}.auth-card .auth-note{font-size:var(--fs-sm);color:var(--c-text);background:var(--t-surface-alt);border:1px solid var(--c-line);border-radius:var(--radius-chip);padding:var(--space-8) var(--space-12)}.auth-card .input:not(.code-input),.auth-card .btn{border-radius:var(--radius-button);height:44px}.auth-card .btn{font-size:var(--fs-base)}.auth-sso-note{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0}.auth-providers{gap:var(--space-8);flex-direction:column;display:flex}