.onboarding-section{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-soft) 100%)}.onboarding-section::after{content:"";position:absolute;right:-100px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hc-primary,#111827) 10%,transparent),transparent 68%);pointer-events:none}.onboarding-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.onboarding-heading h2{max-width:760px;margin:7px 0 9px;font-size:clamp(1.7rem,3.5vw,2.65rem);line-height:1;letter-spacing:-.045em}.onboarding-heading p:last-child{max-width:760px;margin:0;color:var(--muted);font-size:.87rem;line-height:1.6}.onboarding-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;counter-reset:onboarding}.onboarding-steps>li{display:grid;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:12px;min-height:210px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface-raised)}.onboarding-steps>li>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--hc-primary,#111827);color:var(--hc-primary-text,#fff);font:800 .8rem "Space Mono",monospace}.onboarding-steps h3{margin:2px 0 7px;font-size:1rem;letter-spacing:-.02em}.onboarding-steps p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.55}.onboarding-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.onboarding-links a{display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--surface-soft);color:var(--ink);text-decoration:none;font-size:.67rem;font-weight:800}.onboarding-links a:hover{border-color:var(--line-strong);background:var(--surface)}.onboarding-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.onboarding-section[hidden]{display:none!important}@media(max-width:900px){.onboarding-steps{grid-template-columns:1fr}.onboarding-steps>li{min-height:0}}@media(max-width:560px){.onboarding-heading{flex-direction:column}.onboarding-actions>*{flex:1 1 100%}.onboarding-steps>li{grid-template-columns:34px minmax(0,1fr);padding:15px}.onboarding-steps>li>span{width:34px;height:34px}}