.onboarding-page{flex-direction:column;gap:12px;padding-top:16px;padding-bottom:24px;display:flex}.onboarding-hero{padding:var(--page-hero-pad);border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);align-items:stretch;gap:14px;display:grid}.onboarding-hero__copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.onboarding-hero__copy h1{max-width:820px;color:var(--text);font-family:var(--font-display);font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-line);letter-spacing:var(--page-title-tracking);margin:0}.onboarding-hero__copy p:not(.terminal__kicker){max-width:760px;color:var(--text-secondary);font-size:var(--page-lead-size);margin:8px 0 0;line-height:1.55}.onboarding-hero__actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.onboarding-hero__actions .filter-apply,.onboarding-hero__actions .filter-reset{align-items:center;gap:8px;display:inline-flex}.onboarding-hero__panel{gap:8px;display:grid}.onboarding-hero__panel>div{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:11px;padding:10px;display:grid}.onboarding-hero__panel svg{color:var(--accent);grid-row:span 2}.onboarding-hero__panel span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.onboarding-hero__panel strong{overflow-wrap:anywhere;color:var(--text);font-family:var(--font-display);font-size:var(--text-base);line-height:1.2}.onboarding-app{gap:12px;display:grid}.onboarding-app__progress,.onboarding-roadmap,.module-detail,.scenario-panel,.app-links,.progress-card,.quiz-panel,.badges-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-xs);border-radius:8px}.onboarding-app__progress{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;padding:14px;display:grid}.onboarding-app__intro{min-width:0}.onboarding-app__score{color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.onboarding-app__progress h2,.onboarding-roadmap h2,.scenario-panel h2,.app-links h2,.progress-card h2,.quiz-panel h2,.badges-panel h2{color:var(--text);font-family:var(--font-display);font-size:var(--section-title-size);font-weight:var(--section-title-weight);line-height:var(--section-title-line);letter-spacing:var(--section-title-tracking);margin:0}.onboarding-app__progress h2{font-size:var(--section-title-size);margin-top:8px}.onboarding-app__progress p,.onboarding-roadmap p,.scenario-panel p,.progress-card p,.quiz-panel p{color:var(--text-secondary);margin:6px 0 0;line-height:1.55}.onboarding-app__progress-actions{min-width:190px;color:var(--text-secondary);text-align:right;justify-items:end;gap:6px;font-size:13px;display:grid}.onboarding-app__progress-actions strong{color:var(--text);font-family:var(--font-display);font-size:18px}.onboarding-reset,.onboarding-action,.roadmap-step,.quiz-option,.scenario-choice{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px}.onboarding-reset{min-height:32px;color:var(--muted);align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.onboarding-reset:hover,.onboarding-action:hover,.roadmap-step:hover,.quiz-option:hover,.scenario-choice:hover{border-color:var(--accent);background:var(--accent-soft)}.onboarding-meter{border-radius:var(--radius-pill);background:var(--panel-inset);grid-column:1/-1;height:10px;overflow:hidden}.onboarding-meter span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--dur-quick) var(--ease-out-expo);display:block}.onboarding-progress-meta{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:8px 18px;font-size:12px;font-weight:700;display:flex}.onboarding-shell{grid-template-columns:minmax(0,1fr) minmax(320px,.36fr);align-items:start;gap:18px;display:grid}.onboarding-main{gap:18px;min-width:0;display:grid}.onboarding-side{gap:18px;display:grid;position:sticky;top:88px}.onboarding-roadmap{padding:18px}.onboarding-roadmap__head,.scenario-panel__head,.quiz-panel__head,.badges-panel__head{align-items:flex-start;gap:12px;display:flex}.onboarding-roadmap__head svg,.scenario-panel__head svg,.quiz-panel__head svg,.badges-panel__head svg{color:var(--accent);flex:none}.onboarding-roadmap__track{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.roadmap-step{text-align:left;min-height:180px;transition:border-color var(--dur-micro) var(--ease-out-expo), background var(--dur-micro) var(--ease-out-expo);grid-template-rows:auto auto 1fr;gap:10px;padding:14px;display:grid}.roadmap-step:hover{border-color:var(--accent);background:var(--panel-soft)}.roadmap-step:disabled{cursor:not-allowed;opacity:.7}.roadmap-step--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--panel))}.roadmap-step--done{border-color:color-mix(in srgb, var(--accent-2) 42%, var(--line))}.roadmap-step__number,.roadmap-step__icon{border-radius:8px;place-items:center;display:inline-grid}.roadmap-step__number{background:var(--accent);width:28px;height:28px;color:var(--accent-contrast);font-size:13px;font-weight:900}.roadmap-step--locked .roadmap-step__number{background:var(--panel-inset);color:var(--muted)}.roadmap-step__icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent)}.roadmap-step__body{gap:5px;display:grid}.roadmap-step__body strong{color:var(--text);font-family:var(--font-display);font-size:17px;line-height:1.2}.roadmap-step__body small{color:var(--text-secondary);font-size:13px;line-height:1.35}.module-detail{padding:20px}.module-detail__head{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;display:flex}.module-detail__head strong{color:var(--accent)}.module-detail h3{color:var(--text);font-family:var(--font-display);font-size:var(--section-title-size);font-weight:var(--section-title-weight);line-height:var(--section-title-line);letter-spacing:var(--section-title-tracking);margin:10px 0 0}.module-detail p{max-width:72ch;color:var(--text-secondary);margin:10px 0 0;line-height:1.6}.module-detail ul{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.module-detail li{color:var(--text);align-items:flex-start;gap:8px;font-size:14px;display:flex}.module-detail li svg{color:var(--accent-2);flex:none;margin-top:2px}.module-detail__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.onboarding-action{align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.scenario-panel,.app-links,.quiz-panel,.badges-panel{padding:18px}.scenario-panel__context{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.scenario-panel__context span{border:1px solid var(--line);color:var(--muted);border-radius:8px;gap:5px;padding:12px;font-size:12px;font-weight:700;display:grid}.scenario-panel__context strong{color:var(--text);font-family:var(--font-display);font-size:16px}.scenario-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.scenario-choice{text-align:left;gap:8px;min-height:126px;padding:14px;display:grid}.scenario-choice--selected{border-color:var(--accent);background:var(--accent-soft)}.scenario-choice strong{color:var(--text);font-size:14px}.scenario-choice span{color:var(--text-secondary);font-size:13px;line-height:1.45}.scenario-result{border:1px solid color-mix(in srgb, var(--warning) 38%, var(--line));background:color-mix(in srgb, var(--warning) 7%, var(--panel));color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:12px;font-size:13px;display:flex}.scenario-result svg{flex:none;margin-top:2px}.scenario-result--good{border-color:color-mix(in srgb, var(--accent-2) 38%, var(--line));background:color-mix(in srgb, var(--accent-2) 7%, var(--panel))}.app-links h2{font-size:var(--section-title-size);font-weight:var(--section-title-weight);line-height:var(--section-title-line);letter-spacing:var(--section-title-tracking)}.app-links__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.app-link{border:1px solid var(--line);min-height:72px;color:inherit;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:12px;text-decoration:none;display:grid}.app-link:hover{border-color:var(--accent);background:var(--accent-soft)}.app-link svg{color:var(--accent)}.app-link span{gap:3px;min-width:0;display:grid}.app-link strong{color:var(--text);font-size:13px}.app-link small{color:var(--muted);font-size:11px;line-height:1.35}.progress-card{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.progress-ring{aspect-ratio:1;background:radial-gradient(circle at center, var(--panel) 58%, transparent 59%), conic-gradient(var(--accent) var(--progress), var(--panel-inset) 0deg);border-radius:50%;place-items:center;width:112px;display:grid}.progress-ring strong{color:var(--text);font-family:var(--font-display);font-size:26px}.progress-ring span{color:var(--muted);margin-top:-28px;font-size:11px;font-weight:700}.progress-card h2{font-size:var(--section-title-size);font-weight:var(--section-title-weight);line-height:var(--section-title-line);letter-spacing:var(--section-title-tracking)}.progress-card p{font-size:13px}.quiz-panel__options{gap:10px;margin-top:16px;display:grid}.quiz-option{text-align:left;grid-template-columns:18px 1fr;align-items:start;gap:10px;padding:12px;font-size:13px;line-height:1.45;display:grid}.quiz-option--selected{border-color:var(--accent);background:var(--accent-soft)}.quiz-option svg{color:var(--accent);margin-top:2px}.quiz-result{border:1px solid color-mix(in srgb, var(--warning) 38%, var(--line));background:color-mix(in srgb, var(--warning) 7%, var(--panel));color:var(--text-secondary);border-radius:8px;margin-top:14px;padding:12px;font-size:13px}.quiz-result--ok{border-color:color-mix(in srgb, var(--accent-2) 38%, var(--line));background:color-mix(in srgb, var(--accent-2) 7%, var(--panel))}.badges-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.badge-token{border:1px solid var(--line);min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-token--on{border-color:color-mix(in srgb, var(--accent-2) 42%, var(--line));background:color-mix(in srgb, var(--accent-2) 7%, var(--panel));color:var(--text)}.badge-token svg{flex:none}.onboarding-faq{max-width:880px;margin:4px auto 0}.onboarding-faq h2{color:var(--text);font-family:var(--font-display);font-size:var(--section-title-size);font-weight:var(--section-title-weight);line-height:var(--section-title-line);letter-spacing:var(--section-title-tracking);margin:0 0 16px}.onboarding-faq__list{gap:10px;display:grid}.onboarding-faq__item{border:1px solid var(--line);background:var(--panel);border-radius:8px}.onboarding-faq__item summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:700;list-style:none;display:flex}.onboarding-faq__item summary::-webkit-details-marker{display:none}.onboarding-faq__item summary:after{content:"+";color:var(--accent);font-size:1.2rem;font-weight:700}.onboarding-faq__item[open] summary:after{content:"−"}.onboarding-faq__item p{color:var(--text-secondary);margin:0;padding:0 16px 16px;font-size:13px;line-height:1.6}@media (max-width:1120px){.onboarding-roadmap__track,.app-links__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-shell{grid-template-columns:1fr}.onboarding-side{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.badges-panel{grid-column:1/-1}}@media (max-width:960px){.onboarding-hero,.scenario-options{grid-template-columns:1fr}}@media (max-width:700px){.onboarding-page{gap:12px;padding-top:12px}.onboarding-hero,.onboarding-app__progress,.module-detail,.scenario-panel,.app-links,.progress-card,.quiz-panel,.badges-panel,.onboarding-roadmap{padding:14px}.onboarding-hero__copy h1{font-size:var(--page-title-size)}.onboarding-hero__copy p:not(.terminal__kicker){font-size:15px;line-height:1.55}.onboarding-hero__actions,.module-detail__actions{grid-template-columns:1fr;display:grid}.onboarding-hero__actions>*,.module-detail__actions>*{justify-content:center;width:100%}.onboarding-app__progress{grid-template-columns:1fr}.onboarding-app__progress-actions{text-align:left;justify-items:start}.onboarding-progress-meta{display:grid}.onboarding-roadmap__track,.app-links__grid,.scenario-panel__context,.onboarding-side,.badges-grid{grid-template-columns:1fr}.roadmap-step{grid-template-rows:auto;grid-template-columns:30px 44px minmax(0,1fr);align-items:center;min-height:0}.roadmap-step__body strong{font-size:16px}.module-detail h3{font-size:var(--section-title-size)}.progress-card{grid-template-columns:96px minmax(0,1fr)}.progress-ring{width:92px}.progress-ring strong{font-size:22px}}@media (max-width:640px){.onboarding-page{padding-bottom:24px}.onboarding-hero__panel{margin:0 calc(-1 * var(--page-pad-x));padding:0 var(--page-pad-x) 2px;scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.onboarding-hero__panel::-webkit-scrollbar{display:none}.onboarding-hero__panel>div{scroll-snap-align:start;flex:0 0 min(78vw,240px)}.progress-card{grid-template-columns:1fr;justify-items:start}}