html{scrollbar-gutter:stable}:root{--text:#5c5668;--text-h:#14121a;--bg:#faf9fc;--border:#e8e6ec;--code-bg:#f0eef5;--accent:#6d28d9;--accent-bg:#6d28d91f;--accent-border:#6d28d973;--shadow:#0f172a0f 0 12px 24px -6px, #0f172a0a 0 6px 12px -4px;--scrollbar-thumb:color-mix(in srgb, var(--text) 28%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--accent) 45%, var(--text) 20%);--sans:"Segoe UI", system-ui, Roboto, sans-serif;--heading:"Segoe UI", system-ui, Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:15px/145% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#a8a3b3;--text-h:#f4f2f8;--bg:#121118;--border:#2a2733;--code-bg:#1a1822;--accent:#a78bfa;--accent-bg:#a78bfa24;--accent-border:#a78bfa73;--shadow:#00000059 0 12px 24px -6px, #0003 0 6px 12px -4px;--scrollbar-thumb:color-mix(in srgb, var(--text) 22%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--accent) 50%, transparent)}}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100svh;margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:600}p{margin:0}.page-shell{grid-template-columns:minmax(100px,1fr) minmax(0,42rem) minmax(100px,1fr);align-items:stretch;width:100%;min-height:100svh;display:grid}.side-panel{background-color:var(--border);min-height:100%;image-rendering:high-quality;background-image:url(../image-4.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@supports not (image-rendering:high-quality){.side-panel{image-rendering:auto}}.side-panel--right{transform:scaleX(-1)translateZ(0)}.side-panel--left{transform:translateZ(0)}.app{--main-stage-height:clamp(22rem, 54vh, 38rem);text-align:left;box-sizing:border-box;flex-direction:column;flex-shrink:0;align-self:start;width:100%;max-width:42rem;margin:0 auto;padding:1.5rem 1.25rem 1.25rem;display:flex}.main-stage{height:var(--main-stage-height);min-height:var(--main-stage-height);max-height:var(--main-stage-height);flex-direction:column;flex-shrink:0;gap:.65rem;display:flex;overflow:hidden}.flow-chrome{background:var(--card-bg,var(--code-bg));border:1px solid var(--border);box-shadow:var(--shadow);box-sizing:border-box;border-radius:12px;flex-shrink:0;padding:.85rem 1.35rem .75rem}.main-stage>.card{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.card-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1 1 0;min-height:0;margin-right:-.15rem;padding-right:.15rem;overflow-y:auto}.card-scroll::-webkit-scrollbar{width:5px}.card-scroll::-webkit-scrollbar-track{background:0 0}.card-scroll::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:content-box;border:2px solid #0000;border-radius:100px}.card-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.card-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.card-scroll>h2:first-child{margin-top:0}.card .actions,.intro-card .intro-actions,.result .result-actions{flex-shrink:0;margin-top:.75rem;padding-top:.25rem}@media (width<=960px){.page-shell{grid-template-columns:1fr}.side-panel{display:none}.app{--main-stage-height:clamp(19rem, 50vh, 36rem);max-width:640px}}.header{flex-shrink:0;margin-bottom:1.75rem}.header h1{letter-spacing:-.03em;color:var(--accent);margin:.25rem 0 .75rem;font-size:clamp(1.5rem,3.5vw,1.95rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-size:.75rem;font-weight:600}.lede{max-width:52ch;margin:0;line-height:1.55}.card{background:var(--card-bg,var(--code-bg));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem 1.35rem}.card h2{margin-top:0;font-size:1.2rem}.bullet-list{margin:0 0 1.25rem;padding-left:1.15rem;line-height:1.55}.bullet-list li+li{margin-top:.5rem}.btn{font:inherit;cursor:pointer;border:2px solid #0000;border-radius:8px;padding:.65rem 1.1rem;transition:border-color .2s,background .2s,opacity .2s}.btn.primary{background:var(--accent-bg);color:var(--text-h);border-color:var(--accent-border);font-weight:600}.btn.primary:hover:not(:disabled){border-color:var(--accent)}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--text-h);border-color:var(--border);background:0 0}.btn.ghost:hover{border-color:var(--accent-border)}.quiz h2{margin-bottom:1rem;font-size:1.15rem;line-height:1.35}.flow-chrome .progress{background:var(--bg);border:1px solid var(--border);box-sizing:border-box;border-radius:999px;height:8px;margin-bottom:.55rem;overflow:hidden}.flow-chrome .progress-bar{background:var(--accent);height:100%;box-shadow:inset 0 0 0 1px var(--accent-border);border-radius:999px;transition:width .35s}.step-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);min-height:1.35em;margin:0;font-size:.72rem;font-weight:600}.options{flex-direction:column;gap:.6rem;margin-bottom:1.25rem;display:flex}.option{text-align:left;border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;cursor:pointer;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;line-height:1.4;transition:border-color .2s,box-shadow .2s;display:flex}.option:hover{border-color:var(--accent-border)}.option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.option-marker{background:var(--accent-bg);width:1.65rem;height:1.65rem;color:var(--accent);font-size:.8rem;font-weight:700;font-family:var(--mono);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.actions{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.result .highlight{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;margin-bottom:1.25rem;padding:1.1rem 1rem}.result-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .35rem;font-size:.72rem;font-weight:600}.result h3{color:var(--text-h);margin:0 0 .5rem;font-size:1.15rem}.result .highlight p{margin:0 0 .65rem;line-height:1.5}.result .highlight p:last-child{margin-bottom:0}.examples,.employability{font-size:.92rem}.employability{margin-top:.65rem}.ranking{margin-bottom:1rem}.ranking h3{margin:0 0 .5rem;font-size:1rem}.ranking ol{margin:0;padding-left:1.2rem;line-height:1.6}.ranking li{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.points{font-family:var(--mono);color:var(--text);flex-shrink:0;font-size:.85rem}.disclaimer{color:var(--text);margin:0 0 1rem;font-size:.88rem;line-height:1.5}.footer{text-align:center;color:var(--text);flex-shrink:0;margin-top:1rem}.footer small{font-size:.8rem}