:root{color:#17202a;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #87c7be}.app-shell{width:min(720px,100%);min-height:100vh;margin:0 auto;padding:20px}.welcome-page,.test-page,.result-page{flex-direction:column;justify-content:center;gap:22px;min-height:calc(100vh - 40px);display:flex}.test-page{min-height:calc(100dvh - 40px)}.brand-mark{color:#fff;background:#1d6f6f;border-radius:8px;place-items:center;width:64px;height:64px;font-size:32px;font-weight:800;display:grid}h1,h2,h3,p{margin:0}h1{max-width:12ch;font-size:42px;line-height:1.04}.lead{color:#53616f;max-width:620px;font-size:18px;line-height:1.55}.welcome-identity{align-items:center;gap:14px;display:flex}.eyebrow{color:#1d6f6f;letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}.academy-lockup{color:#53616f;margin-top:4px;font-size:14px;line-height:1.35}.welcome-flow,.welcome-copy{gap:16px;display:grid}.welcome-flow{max-width:640px}.welcome-copy.compact{gap:8px}.trust-row{flex-wrap:wrap;gap:8px;display:flex}.trust-row span{color:#334452;background:#fff;border:1px solid #c9d3d7;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:14px;font-weight:800;display:inline-flex}.disclaimer-check{color:#334452;align-items:flex-start;gap:10px;max-width:620px;line-height:1.45;display:flex}.disclaimer-check input{accent-color:#1d6f6f;width:18px;height:18px;margin-top:2px}.welcome-actions{flex-wrap:wrap;gap:10px;display:flex}.demographics-flow{gap:18px}.demographics-form{gap:14px;display:grid}.field-group{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field-group>span,.field-group legend{color:#334452;font-size:14px;font-weight:800}.field-group input{color:#17202a;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #c9d3d7;border-radius:8px;padding:0 12px}.field-group input:focus,.segmented-control button:focus-visible,.education-grid button:focus-visible{outline-offset:2px;outline:3px solid #87c7be}.segmented-control,.education-grid{gap:8px;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control button,.education-grid button{color:#17202a;cursor:pointer;min-height:44px;font:inherit;background:#fff;border:1px solid #c9d3d7;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-weight:700;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.segmented-control button:not(.segment-active):hover,.education-grid button:not(.segment-active):hover{background:#f8fbfb;border-color:#8fb8b7;transform:translateY(-1px)}.segmented-control .segment-active,.education-grid .segment-active{color:#123f3f;background:#dff1ee;border-color:#1d6f6f;box-shadow:inset 0 0 0 1px #1d6f6f,0 8px 18px #1d6f6f1f}.segmented-control .gender-male.segment-active{color:#173f99;background:#eaf1ff;border-color:#407bff;box-shadow:inset 0 0 0 1px #407bff,0 0 0 4px #407bff1a,0 14px 30px #407bff38}.segmented-control .gender-female.segment-active{color:#8a2858;background:#ffe8f1;border-color:#e85d9a;box-shadow:inset 0 0 0 1px #e85d9a,0 0 0 4px #e85d9a1f,0 14px 30px #e85d9a38}.segmented-control .gender-prefer_not_to_say.segment-active{color:#244d48;background:#edf7f4;border-color:#5aa69a;box-shadow:inset 0 0 0 1px #5aa69a,0 10px 22px #1d6f6f1f}.primary-action,.icon-action{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:700;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-flex}.primary-action{color:#fff;background:#1d6f6f;width:fit-content;min-width:168px;padding:0 18px;box-shadow:0 10px 24px #1d6f6f2e}.icon-action{color:#17202a;background:#e7ecef;padding:0 16px}.primary-action:not(:disabled):hover,.icon-action:not(:disabled):hover{transform:translateY(-1px)}.primary-action:not(:disabled):active,.icon-action:not(:disabled):active{transform:translateY(0)}.primary-action:not(:disabled):hover{background:#155f5f}.icon-action:not(:disabled):hover{background:#dce5e8}.primary-action:disabled,.icon-action:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.demo-actions{flex-direction:column;gap:8px;display:flex}.demo-caption{color:#5f6b73;max-width:420px;margin:0;font-size:.875rem;line-height:1.45}.dev-warning{color:#6b5612;background:#fff8e6;border-left:4px solid #c9a227;border-radius:8px;margin-bottom:16px;padding:12px 14px}.error-banner,.warning-list{color:#7d2e26;background:#fff2ef;border-left:4px solid #b64b3f;padding:14px 16px;line-height:1.4}.success-message{color:#123f3f;background:#dff1ee;border-left:4px solid #1d6f6f;padding:12px 14px;line-height:1.4}.progress-wrap{gap:8px;display:grid}.progress-meta{color:#53616f;justify-content:space-between;font-size:14px;font-weight:700;display:flex}.progress-track{background:#d7e0e3;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:#1d6f6f;height:100%;transition:width .18s}.question-block{gap:12px;display:grid}.question-motion{will-change:opacity, transform;gap:22px;display:grid}.question-motion-next{animation:.22s cubic-bezier(.2,.8,.2,1) question-slide-next}.question-motion-back{animation:.22s cubic-bezier(.2,.8,.2,1) question-slide-back}.question-code{color:#697987;text-transform:uppercase;font-size:14px;font-weight:800}.question-block h2,.result-section h2{font-size:28px;line-height:1.2}.question-block h2{max-height:7.2em;overflow:auto}.answer-scale-wrap{gap:8px;display:grid}.scale-anchors{color:#53616f;justify-content:space-between;font-size:13px;font-weight:800;display:flex}.answer-scale{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.scale-option{color:#17202a;cursor:pointer;background:#fff;border:1px solid #c9d3d7;border-radius:8px;align-content:center;min-height:64px;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:grid}.scale-option span{font-size:24px;font-weight:800}.selected-scale-label{color:#53616f;text-align:center;font-size:14px;font-weight:700;line-height:1.35}.scale-option-active{color:#123f3f;background:#dff1ee;border-color:#1d6f6f;box-shadow:inset 0 0 0 1px #1d6f6f}.scale-option:not(.scale-option-active):hover{background:#f8fbfb;border-color:#8fb8b7}.scale-option:active{transform:scale(.985)}.test-actions{justify-content:space-between;gap:12px;display:flex}.result-header{border-bottom:1px solid #d8e0e4;gap:12px;padding-bottom:16px;display:grid}.result-header p{color:#697987;line-height:1.4}.result-action-strip{flex-wrap:wrap;gap:10px;display:flex}.consultation-action{min-width:196px}.confidence{color:#fff;background:#243447;border-radius:8px;width:fit-content;padding:8px 10px;font-weight:800}.result-section{gap:12px;display:grid}.section-heading-row{justify-content:space-between;align-items:end;gap:12px;display:flex}.section-heading-row p{color:#697987;margin-top:6px;line-height:1.4}.skill-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.skill-card,.match-card{background:#fff;border:1px solid #d8e0e4;border-radius:8px}.skill-card{justify-content:space-between;align-items:center;gap:10px;min-height:72px;padding:12px;display:flex}.match-list{gap:10px;display:grid}.match-card{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:78px;padding:12px;display:grid}.rich-match-card{grid-template-columns:auto 1fr;align-items:start}.match-content{gap:8px;display:grid}.match-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.match-card h3{font-size:16px;line-height:1.25}.match-card h3 span{color:#697987;font-size:13px;font-weight:700}.match-card p{color:#697987;margin-top:4px;font-size:13px}.rank{color:#1d6f6f;background:#e7ecef;border-radius:8px;justify-content:center;align-items:center;min-width:42px;min-height:34px;font-weight:800;display:inline-flex}.rank-gold{color:#7a5714;background:#ffedb3;box-shadow:0 8px 20px #edbd4f3d}.rank-silver{color:#4c5966;background:#edf1f5;box-shadow:0 8px 20px #7080902e}.rank-bronze{color:#7b4829;background:#f5ddca;box-shadow:0 8px 20px #c9895633}.skills-by-level{gap:14px;display:grid}.skill-profile-section{gap:14px}.skill-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.skill-summary-card{background:#fff;border:1px solid #d8e0e4;border-radius:8px;gap:4px;padding:12px;display:grid}.skill-summary-card.highly{background:#fff8e7;border-color:#f2c76b}.skill-summary-card.developed{background:#effaf7;border-color:#87c7be}.skill-summary-card.available{background:#f6f9fb;border-color:#b8c9d7}.skill-summary-card strong{color:#1d6f6f;font-size:24px;line-height:1}.skill-summary-card span{color:#53616f;font-size:12px;font-weight:800}.skill-meter-list{gap:10px;display:grid}.skill-meter-row{background:linear-gradient(90deg,#1d6f6f12,#0000 58%),#fff;border:1px solid #d8e0e4;border-radius:8px;gap:7px;padding:10px 12px;display:grid}.skill-meter-meta{color:#243447;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.skill-meter-meta strong{color:#1d6f6f;white-space:nowrap}.skill-meter-track{background:#e4ecef;border-radius:999px;height:8px;overflow:hidden}.skill-meter-track span{border-radius:inherit;background:linear-gradient(90deg,#1d6f6f,#5aa69a);height:100%;display:block}.skill-toggle{width:fit-content}.expanded-skills{border-top:1px solid #d8e0e4;padding-top:12px}.skill-level-group h3{color:#334452;margin-bottom:8px;font-size:14px}.skill-level-highly h3{color:#7a5714}.skill-level-developed h3{color:#1d6f6f}.skill-level-available h3{color:#53616f}.expandable-match-card{gap:0;padding:0;display:grid;overflow:hidden}.expandable-match-card.expanded{box-shadow:0 14px 34px #17202a17}.rank-card-gold{background:linear-gradient(90deg,#edbd4f29,#0000 50%),#fff;border-color:#edbd4f}.rank-card-silver{background:linear-gradient(90deg,#aeb9c52e,#0000 50%),#fff;border-color:#aeb9c5}.rank-card-bronze{background:linear-gradient(90deg,#c9895629,#0000 50%),#fff;border-color:#c98956}.match-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.match-toggle-title{font-size:16px;font-weight:700;line-height:1.25}.match-cluster{color:#5f6b73;text-transform:uppercase;font-size:13px;font-weight:800}.chevron{color:#697987;transition:transform .16s}.chevron.open{transform:rotate(180deg)}.expandable-match-card .match-content{padding:0 12px 12px}.match-stats{color:#53616f;flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.match-stats span{background:#f3f7f8;border-radius:8px;padding:6px 8px;font-weight:700}.specialty-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.specialty-info-block{border-left:3px solid #87c7be;gap:6px;padding:2px 0 2px 10px;display:grid}.specialty-info-block strong,.skill-match-panel strong{color:#243447;font-size:13px}.specialty-info-block p{color:#53616f;font-size:13px;line-height:1.42}.fit-block{border-left-color:#edbd4f}.skill-match-panel{gap:8px;display:grid}.skill-chip.muted{color:#53616f;background:#f3f5f7;border-color:#d8e0e4}.compact-match-card,.compact .match-card{grid-template-columns:1fr}.restart-action{width:fit-content}.confidence-label{border-radius:8px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800}.confidence-label.high{color:#1d6f6f;background:#dff1ee}.confidence-label.medium{color:#7a5714;background:#fff3d8}.confidence-label.low{color:#7d2e26;background:#fff2ef}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{color:#243447;background:#edf3f4;border:1px solid #0000;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;max-width:100%;padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex}.skill-chip>span{min-width:0}.skill-chip small{color:inherit;opacity:.72;font-size:10px;font-weight:800}.skill-chip-highly{color:#704d0f;background:#fff5d6;border-color:#edbd4f;padding:6px 9px;font-size:13px}.skill-chip-developed{color:#155f5f;background:#e8f7f3;border-color:#87c7be}.skill-chip-available{color:#53616f;background:#f6f8fa;border-color:#d8e0e4;font-size:11px}.skill-chip-weight-7,.skill-chip-weight-6{color:#123f3f;background:#e4f5f1;border-color:#1d6f6f}.skill-chip-weight-4{color:#244d48;background:#eef8f7;border-color:#8fb8b7}.skill-chip-weight-2,.skill-chip-weight-1{color:#53616f;background:#f6f8fa;border-color:#d8e0e4;font-size:11px}.critical-warning{color:#7d2e26;background:#fff2ef;border-left:4px solid #b64b3f;padding:8px 10px;line-height:1.35}.explanation{color:#53616f;line-height:1.45}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.action-panel{border-top:1px solid #d8e0e4;padding-top:18px}.stack-form{gap:10px;max-width:560px;display:grid}.stack-form input,.stack-form select,.stack-form textarea{color:#17202a;width:100%;font:inherit;background:#fff;border:1px solid #c9d3d7;border-radius:8px;padding:12px}.stack-form textarea{resize:vertical;min-height:96px}.rating-row{gap:8px;display:flex}.rating-row button{color:#17202a;cursor:pointer;background:#fff;border:1px solid #c9d3d7;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.rating-row .rating-active{color:#123f3f;background:#dff1ee;border-color:#1d6f6f}@keyframes question-slide-next{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes question-slide-back{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@media (width<=560px){.app-shell{padding:16px}.welcome-page,.test-page,.result-page{min-height:calc(100vh - 32px)}.scale-option{min-height:46px}.test-actions{align-items:stretch}.test-actions .primary-action,.test-actions .icon-action{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=620px){.app-shell{padding:16px}h1{font-size:34px}.welcome-page,.test-page,.result-page{justify-content:flex-start;min-height:calc(100vh - 32px);padding-top:20px}.test-page{gap:14px;min-height:calc(100dvh - 32px)}.welcome-flow{max-width:none}.welcome-identity{align-items:flex-start}.brand-mark{width:52px;height:52px;font-size:26px}.lead{font-size:16px}.welcome-actions{grid-template-columns:1fr;display:grid}.welcome-actions .primary-action,.welcome-actions .icon-action{width:100%}.result-action-strip{grid-template-columns:1fr 1fr;display:grid}.result-action-strip .primary-action,.result-action-strip .icon-action{width:100%;min-width:0}.consultation-action{grid-column:1/-1}.skill-summary-grid,.segmented-control,.education-grid{grid-template-columns:1fr}.question-motion{gap:16px}.question-block{gap:8px}.question-block h2,.result-section h2{font-size:23px}.question-block h2{max-height:6em}.answer-scale{grid-template-columns:repeat(7,minmax(34px,1fr));gap:4px}.scale-option{min-height:42px;padding:0}.scale-option span{font-size:18px}.selected-scale-label{min-height:20px;font-size:13px}.test-actions{background:#f4f7f8;margin:0 -16px -16px;padding:12px 16px 16px;position:sticky;bottom:0}.match-card{grid-template-columns:1fr;align-items:start}.match-toggle{grid-template-columns:auto 1fr auto;gap:8px}.rank{min-width:38px;min-height:32px}.match-title-row{display:grid}.specialty-info-grid{grid-template-columns:1fr}.skill-chip{max-width:100%}}