.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:calc(16px * var(--fs));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{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.auth-card h1{font-size:calc(26px * var(--fs));letter-spacing:-.02em;margin:0}.auth-card p{color:var(--c-text-muted);margin:0}.code-input{letter-spacing:.5em;font-size:calc(22px * var(--fs));text-align:center;height:52px;font-weight:600}.presets{gap:10px;display:grid}.preset{text-align:left;border:1px solid var(--c-border);background:var(--t-surface);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.preset[aria-pressed=true]{border-color:var(--t-link);background:var(--t-accent-soft);box-shadow:var(--focus)}.preset b{font-size:calc(14px * var(--fs));display:block}.preset span{font-size:calc(13px * var(--fs));color:var(--c-text-muted)}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.auth-or{color:var(--c-text-muted);font-size:calc(13px * var(--fs));align-items:center;gap:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--c-line);flex:1;height:1px}.auth-passkey{justify-content:center;gap:8px;height:44px}.auth-passkey svg{width:18px;height:18px}.auth-card .auth-note{font-size:calc(13px * var(--fs));color:var(--c-text);background:var(--t-surface-alt);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:8px 12px}.auth-card .input:not(.code-input),.auth-card .btn{border-radius:10px;height:44px}.auth-card .btn{font-size:calc(14.5px * var(--fs))}.auth-sso-note{font-size:calc(13.5px * var(--fs));color:var(--c-text-muted);margin:0}