.pg{min-height:100vh}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100vh}
.form-side{padding:28px clamp(16px,5vw,72px) 48px}
.form-in{max-width:520px;margin:clamp(28px,5vw,64px) auto 0}
.form-in h1{font-size:clamp(2rem,1.6rem + 1.6vw,3rem);animation:rise var(--ds-dur-4) var(--ds-ease-out) both}
.sub{color:var(--ds-text-2);margin-top:10px;font-size:1.0625rem}
.stepper{display:flex;gap:8px;margin-top:28px;font-size:.875rem;font-weight:600;color:var(--ds-text-3)}
.stepper span{position:relative;flex:1 1 0;padding-top:10px;border-top:2px solid var(--ds-border);transition:color var(--ds-dur-2) ease-out}
.stepper span::before{content:"";position:absolute;top:-2px;inset-inline:0;height:2px;background-color:var(--ds-accent);transform:scaleX(0);transform-origin:right;transition:transform var(--ds-dur-3) var(--ds-ease-out)}
.stepper .on{color:var(--ds-accent)}.stepper .on::before{transform:scaleX(1)}
@keyframes stepin{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;animation:stepin var(--ds-dur-3) var(--ds-ease-out) both}
label{display:grid;gap:6px;font-size:.875rem;font-weight:500;min-width:0}
.full,.legal,.frow{grid-column:1/-1}
input,select{font:500 1rem var(--ds-font-body);min-height:50px;padding:0 14px;border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background-color:var(--ds-surface);color:var(--ds-text);width:100%;transition:border-color var(--ds-dur-1) ease-out,box-shadow var(--ds-dur-1) ease-out}
input::placeholder{color:var(--ds-text-3)}
input:focus,select:focus{border-color:var(--ds-accent);box-shadow:0 0 0 4px var(--ds-accent-wash);outline:0}
.frow{display:flex;gap:10px}.frow .p{flex:1 1 auto}
.legal{font-size:.875rem;color:var(--ds-text-2)}
.have{margin-top:22px;font-size:.9375rem;color:var(--ds-text-2)}
.ink-side{position:relative;background-color:var(--ds-ink);color:var(--ds-ink-text);padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:32px;overflow:hidden;isolation:isolate}
.ink-side::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 50% at 80% 0,rgb(45 212 191/.24),transparent 72%)}
.ink-side h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.25rem);color:#fff}
.ink-side ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.ink-side li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;animation:rise var(--ds-dur-4) var(--ds-ease-out) both}
.ink-side li:nth-child(1){animation-delay:200ms}.ink-side li:nth-child(2){animation-delay:290ms}.ink-side li:nth-child(3){animation-delay:380ms}
.ink-side .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ds-ink-line);color:var(--ds-ink-accent);font-weight:600;font-size:.875rem}
.ink-side b{font-weight:600;display:block}.ink-side li p{color:var(--ds-ink-text-2);font-size:.9375rem}
.minicard{border:1px solid var(--ds-ink-line);background:rgb(255 255 255/.04);border-radius:var(--ds-radius-sm);padding:18px 20px;display:grid;gap:6px}
.minicard small{color:var(--ds-ink-text-2);font-size:.8125rem}
.minicard b{font:600 1.75rem var(--ds-font-display);font-variant-numeric:tabular-nums}
.minicard .bar{animation-delay:500ms;margin-inline-start:0}
@media (max-width:1020px){.split{grid-template-columns:minmax(0,1fr)}.split{min-height:0}}
@media (max-width:560px){form{grid-template-columns:minmax(0,1fr)}}