:root{--ink:#172033;--muted:#5e6b82;--line:#dbe4f0;--paper:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f8fc;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:clamp(48px,10vw,110px) 0}.eyebrow{margin:0;color:#2563eb;font-size:.75rem;font-weight:800;letter-spacing:.11em}.lead{max-width:680px;color:var(--muted);font-size:1.08rem}.shell h1{max-width:700px;margin:.25rem 0;font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.08}.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.track{min-height:300px;padding:25px;display:flex;flex-direction:column;color:var(--ink);border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 12px 35px #1720330d;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.track:hover{transform:translateY(-5px);box-shadow:0 18px 40px #17203318}.track-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;font-size:1.15rem;font-weight:900}.track-count{margin-top:20px;color:var(--muted);font-size:.82rem;font-weight:800}.track h2{margin:2px 0;font-size:2rem;line-height:1.2}.track p{margin:6px 0;color:var(--muted)}.go{margin-top:auto;font-weight:800}.html:hover{border-color:#f97316}.html .track-icon{color:#c2410c;background:#ffedd5}.html .go{color:#c2410c}.css:hover{border-color:#2563eb}.css .track-icon{color:#1d4ed8;background:#dbeafe}.css .go{color:#1d4ed8}.js:hover{border-color:#eab308}.js .track-icon{color:#854d0e;background:#fef9c3}.js .go{color:#854d0e}.total{margin:28px 0 0;color:var(--muted)}.total strong{color:var(--ink)}@media(max-width:760px){.tracks{grid-template-columns:1fr}.track{min-height:230px}.shell{padding:48px 0}}