body.auth-body{min-height: 100vh;
overflow: auto;
background: var(--paper)}
.auth-split{display: flex;
min-height: 100vh}
.auth-brand{flex: 1;
background:
radial-gradient(ellipse at 20% 20%, oklch(0.59 0.16 143 / 0.1) 0%, transparent 55%),
radial-gradient(ellipse at 80% 90%, oklch(0.59 0.16 143 / 0.08) 0%, transparent 55%),
linear-gradient(160deg, var(--accent-tint) 0%, var(--paper) 60%, var(--brick-tint) 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 56px 48px;
position: relative;
overflow: hidden}
.auth-brand::before{content: "";
position: absolute;
top: -240px;
right: -240px;
width: 560px;
height: 560px;
border-radius: 50%;
background: radial-gradient(ellipse, oklch(0.59 0.16 143 / 0.14) 0%, transparent 65%);
pointer-events: none}
.auth-brand::after{content: "";
position: absolute;
bottom: -180px;
left: -180px;
width: 440px;
height: 440px;
border-radius: 50%;
background: radial-gradient(ellipse, oklch(0.59 0.16 143 / 0.08) 0%, transparent 65%);
pointer-events: none}
.ab-inner{position: relative;
z-index: 1;
max-width: 420px}
.ab-tagline{font-family: var(--font-display);
font-size: clamp(26px, 3vw, 36px);
font-weight: 400;
color: var(--ink);
line-height: 1.1;
letter-spacing: -0.012em;
margin-top: 0;
margin-bottom: 36px;
text-wrap: balance}
.ab-features{display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 36px}
.ab-feat{display: flex;
align-items: flex-start;
gap: 16px;
font-size: 15px;
color: var(--ink-soft);
line-height: 1.55}
.ab-feat strong{color: var(--ink);
display: block;
font-weight: 600;
margin-bottom: 2px;
font-size: 15px}
.ab-feat-ico{flex-shrink: 0;
width: 44px;
height: 44px;
border-radius: 12px;
background: var(--paper-sheet);
border: 1px solid var(--border);
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow);
color: var(--brand-dark, var(--accent))}
.ab-feat-ico svg{display: block}
.ab-testimonial{background: var(--paper-sheet);
border: 1px solid var(--border);
border-radius: 18px;
padding: 24px 24px;
box-shadow: var(--shadow);
position: relative}
.ab-testimonial::before{content: "«";
position: absolute;
top: -12px;
left: 16px;
font-family: var(--font-display);
font-size: 64px;
line-height: 1;
color: var(--brand-dark);
opacity: 0.3}
.ab-quote{font-family: var(--font-display);
font-size: 16px;
color: var(--ink);
font-style: italic;
line-height: 1.45;
margin-bottom: 8px;
padding-top: 8px}
.ab-author{font-size: 13px;
color: var(--ink-muted);
font-weight: 500;
letter-spacing: 0.02em}
.auth-form-side{width: clamp(380px, 46%, 500px);
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(36px, 4vw, 56px) clamp(28px, 4vw, 64px);
background: var(--paper-sheet);
border-left: 1px solid var(--border)}
@media (max-width: 1024px){.ab-inner{max-width: 340px}
}
@media (max-width: 768px){.auth-split{flex-direction: column}
.auth-brand{display: none}
.auth-form-side{width: 100%;
min-height: 100vh;
padding: 32px 24px;
border-left: none}
}