.onboarding-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;overflow:hidden;position:relative}.onboarding-kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent,#323f67);margin-bottom:5px}.onboarding-hero h2{margin:0 0 8px;font-size:clamp(1.45rem,3vw,2.15rem)}.onboarding-hero p{margin:0;max-width:760px}.onboarding-progress-summary{min-width:108px;text-align:center;display:grid;gap:2px}.onboarding-progress-summary strong{font-size:2rem;line-height:1;color:var(--accent,#323f67)}.onboarding-progress-summary span{font-size:.85rem;color:var(--muted,#667085)}.onboarding-progress{grid-column:1/-1;height:12px;border-radius:999px;background:rgba(50,63,103,.12);overflow:hidden}.onboarding-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent,#323f67);transition:width .25s ease}.onboarding-steps{display:grid;gap:16px;margin:18px 0}.onboarding-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;margin:0}.onboarding-step.is-current{outline:3px solid rgba(50,63,103,.16);outline-offset:1px}.onboarding-step.is-done{background:linear-gradient(135deg,rgba(24,135,84,.055),transparent 55%)}.onboarding-step-number{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent,#323f67);color:#fff;font-size:1.2rem;font-weight:850;box-shadow:0 5px 14px rgba(28,38,70,.18)}.onboarding-step.is-done .onboarding-step-number{background:#168653}.onboarding-step-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.onboarding-step-heading h2{margin:0;font-size:1.15rem}.onboarding-step-content>p{margin:8px 0 16px;max-width:900px}.onboarding-step-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.onboarding-actions h2{margin:0 0 6px}.onboarding-actions p{margin:0}.onboarding-actions .button-row{margin-left:auto}html[data-theme="dark"] .onboarding-step.is-done{background:linear-gradient(135deg,rgba(40,180,110,.12),transparent 55%)}html[data-theme="dark"] .onboarding-progress{background:rgba(255,255,255,.12)}
@media (max-width:720px){.onboarding-hero{grid-template-columns:1fr}.onboarding-progress-summary{grid-row:2;text-align:left;display:flex;align-items:baseline;gap:8px}.onboarding-progress{grid-row:3}.onboarding-step{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px}.onboarding-step-number{width:42px;height:42px}.onboarding-step-heading{align-items:flex-start;flex-direction:column;gap:7px}.onboarding-step-footer{align-items:stretch;flex-direction:column}.onboarding-step-footer .btn{width:100%;text-align:center}.onboarding-actions{align-items:stretch}.onboarding-actions .button-row,.onboarding-actions form,.onboarding-actions button{width:100%;margin-left:0}}