.onboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start;padding-bottom:70px}
.onboard-card,.onboard-aside{border:1px solid var(--line);background:linear-gradient(180deg,rgba(23,27,39,.82),rgba(13,15,23,.78));box-shadow:inset 0 1px rgba(255,255,255,.045),var(--shadow);border-radius:20px}
.onboard-card{padding:clamp(22px,4vw,32px)}
.stepper{display:flex;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.stepper li{flex:1;display:grid;gap:7px;color:var(--muted);font-size:.74rem;font-weight:750}
.stepper .bar{height:4px;border-radius:999px;background:rgba(255,255,255,.09)}
.stepper li[data-state=active]{color:var(--ink)}
.stepper li[data-state=active] .bar{background:var(--accent)}
.stepper li[data-state=done]{color:var(--success)}
.stepper li[data-state=done] .bar{background:var(--success)}
.step-body h2{margin:0 0 8px;font-size:1.35rem;letter-spacing:-.02em}
.step-body>p{margin:0 0 22px;color:var(--muted);font-size:.95rem}
.field{display:grid;gap:7px;margin-bottom:16px}
.field label{font-size:.8rem;font-weight:750;color:var(--ink)}
.field .hint{font-size:.74rem;color:var(--muted)}
.field input{min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:rgba(7,8,16,.6);color:var(--ink);font:inherit}
.field input:focus{border-color:rgba(61,155,255,.6);outline:none}
.field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.msg{margin:14px 0 0;padding:12px 14px;border-radius:11px;font-size:.84rem;border:1px solid var(--line);background:rgba(7,8,16,.5);color:var(--muted)}
.msg[data-tone=error]{border-color:rgba(255,122,133,.4);background:rgba(255,122,133,.09);color:#ffc4c9}
.msg[data-tone=ok]{border-color:rgba(85,214,164,.4);background:rgba(85,214,164,.09);color:#b6f0d8}
.msg[hidden]{display:none}
.onboard-aside{padding:24px}
.onboard-aside h3{margin:0 0 4px;font-size:.95rem}
.onboard-aside .sub{margin:0 0 18px;color:var(--muted);font-size:.78rem}
.status-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.status-row{display:grid;grid-template-columns:24px 1fr;gap:11px;align-items:start;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(7,8,16,.5)}
.status-row .dot{margin-top:3px;width:16px;height:16px;border-radius:50%;border:2px solid var(--muted);display:grid;place-items:center;font-size:.6rem;font-weight:900}
.status-row[data-on] .dot{border-color:var(--success);color:var(--success)}
.status-row strong{display:block;font-size:.82rem}
.status-row small{display:block;color:var(--muted);font-family:var(--mono);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aside-note{margin:18px 0 0;color:var(--muted);font-size:.74rem;line-height:1.5}
.spin{display:inline-block;width:13px;height:13px;margin-right:7px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--ink);border-radius:50%;vertical-align:-2px;animation:sp .7s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@media(max-width:860px){.onboard{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}}