body.auth-split { display:block; height:auto; min-height:100svh; padding:0; background:var(--panel); }
body.auth-split main.auth-layout { display:grid; grid-template-columns:49% 51%; width:100%; max-width:none; min-height:100svh; margin:0; padding:0; }
.auth-left { display:flex; flex-direction:column; min-width:0; min-height:100svh; padding:26px 8%; }
.auth-brand { display:inline-flex; align-items:center; gap:9px; align-self:flex-start; color:var(--text); text-decoration:none; font-size:22px; font-weight:750; letter-spacing:-1px; }
.auth-brand svg { width:29px; height:34px; }
body.auth-split .auth-card { width:100%; max-width:352px; margin:auto; padding:22px 0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.auth-card .brand { display:none; }
.auth-heading { margin-bottom:20px; }
.auth-heading h2 { margin:0 0 8px; font-size:29px; line-height:1.15; letter-spacing:-1px; color:var(--text); }
.auth-heading p { margin:0; color:var(--text-dim); font-size:14px; line-height:1.5; }
body.auth-split .auth-card .mode-toggle { margin-bottom:18px; }
body.auth-split .auth-card .field { margin-bottom:12px; }
body.auth-split .auth-card label { font-size:13px; margin-bottom:6px; }
body.auth-split .auth-card .field input { height:44px; min-height:44px; padding:9px 12px; font-size:15px; border-radius:9px; }
body.auth-split .auth-card .auth-password-field input { padding-right:68px; }
body.auth-split .auth-reveal { min-height:38px; }
body.auth-split .auth-card .submit-btn { min-height:46px; margin-top:4px; border-radius:9px; font-size:15px; }
body.auth-split .auth-card .auth-legal { font-size:11px; margin-top:14px; }
body.auth-split .auth-card .guest-login-link { text-align:center; font-size:12px; margin:14px 0 0; color:var(--text-dim); }
body.auth-split .auth-card .guest-login-link a { color:var(--accent); font-weight:600; }
.auth-card.signup-mode .guest-login-link,.auth-card.confirmation-mode .guest-login-link,.auth-card.confirmation-mode .auth-heading { display:none; }
.auth-footer { color:var(--text-dim); font-size:11px; margin:0; padding-top:10px; }
.auth-art { position:relative; min-width:0; overflow:hidden; background:#f2f0e9; border-left:1px solid #e9e7e1; }
.auth-art canvas { position:absolute; inset:0; width:100%; height:100%; }
.art-label { position:absolute; top:26px; left:36px; font:11px monospace; letter-spacing:.12em; color:#69706b; z-index:1; margin:0; }
.art-label::before { content:''; display:inline-block; width:6px; height:6px; background:#ad4216; margin-right:9px; vertical-align:2px; }
.art-footer { position:absolute; bottom:28px; left:36px; right:36px; border-top:1px solid #c9c8be; padding-top:18px; display:flex; justify-content:space-between; align-items:flex-end; }
.art-footer p { margin:0; font-size:25px; line-height:1.15; font-weight:600; letter-spacing:-.7px; color:#262d2e; }
.art-footer span { font:10px monospace; color:#69706b; letter-spacing:.07em; }
@media(max-height:760px) and (min-width:761px) {
 .auth-left { padding-top:20px; padding-bottom:16px; }
 body.auth-split .auth-card { padding:16px 0; }
 .auth-card.signup-mode .auth-heading { margin-bottom:14px; }
 .auth-card.signup-mode .auth-heading h2 { font-size:27px; margin-bottom:6px; }
 body.auth-split .auth-card.signup-mode .mode-toggle { margin-bottom:12px; }
 body.auth-split .auth-card.signup-mode .field { margin-bottom:9px; }
 .auth-card.signup-mode .password-guidance { margin-bottom:9px; }
}
@media(max-width:760px) {
 body.auth-split main.auth-layout { display:block; }
 .auth-left { padding:22px 24px; }
 .auth-art { display:none; }
 body.auth-split .auth-card { padding:28px 0; }
}