:root{--hga-ink:#101828;--hga-muted:#667085;--hga-brand:#f05a28;--hga-brand-dark:#c53d12;--hga-soft:#fff6f1;--hga-line:#e7eaf0;--hga-success:#087a55;--hga-radius:18px}.hga-breadcrumbs{margin:0 0 30px;font-size:.84rem;color:var(--hga-muted)}.hga-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:9px;list-style:none;margin:0;padding:0}.hga-breadcrumbs li{display:flex;align-items:center;gap:9px}.hga-breadcrumbs li:not(:last-child)::after{content:"/";color:#c5cad3}.hga-breadcrumbs a{color:var(--hga-muted);text-decoration:none;transition:color .2s}.hga-breadcrumbs a:hover{color:var(--hga-brand)}.hga-course-grid{gap:28px}.hga-card{border-color:rgba(16,24,40,.08);border-radius:22px;box-shadow:0 2px 5px rgba(16,24,40,.03),0 14px 34px rgba(16,24,40,.07)}.hga-card:hover{transform:translateY(-6px);box-shadow:0 4px 8px rgba(16,24,40,.04),0 24px 50px rgba(16,24,40,.13)}.hga-card-media{position:relative}.hga-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,18,34,.3));pointer-events:none}.hga-card-body{padding:26px}.hga-card-body h3{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.25;letter-spacing:-.02em}.hga-link{display:inline-flex;margin-top:6px;color:var(--hga-brand-dark)}.hga-outline ol{border:0;border-radius:20px;background:#fff;box-shadow:0 12px 38px rgba(16,24,40,.08)}.hga-outline li+li{border-color:#edf0f4}.hga-outline a{padding:21px 24px;transition:background .2s}.hga-outline a:hover{background:#fff9f6}.hga-outline li:first-child a{border-radius:20px 20px 0 0}.hga-outline li:last-child a{border-radius:0 0 20px 20px}.hga-video{border-radius:22px;box-shadow:0 22px 55px rgba(16,24,40,.18)}.hga-code-lab{border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 24px 65px rgba(9,14,25,.22)}.hga-lab-head{padding:16px 20px}.hga-run,.hga-quiz button,.hga-complete{background:linear-gradient(135deg,#f36a38,var(--hga-brand-dark));box-shadow:0 6px 16px rgba(197,61,18,.22);transition:transform .2s,box-shadow .2s}.hga-run:hover,.hga-quiz button:hover,.hga-complete:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(197,61,18,.3)}.hga-quiz{border-color:rgba(16,24,40,.07);border-radius:22px;box-shadow:0 16px 45px rgba(16,24,40,.07)}.hga-quiz label{border:1px solid transparent;transition:border-color .2s,background .2s}.hga-quiz label:hover{border-color:#f6b49e;background:#fff9f6}.hga-article-list{gap:18px}.hga-article-list article{padding:26px 28px;border-color:rgba(16,24,40,.07);border-radius:18px;box-shadow:0 8px 26px rgba(16,24,40,.05);transition:transform .2s,box-shadow .2s}.hga-article-list article:hover{transform:translateX(4px);box-shadow:0 14px 38px rgba(16,24,40,.1)}.hga-article-arrow{transition:transform .2s,background .2s}.hga-article-list article:hover .hga-article-arrow{transform:translateX(3px);background:#ffe8de}.hga-lesson-nav a{border-color:rgba(16,24,40,.08);border-radius:16px;padding:20px;box-shadow:0 8px 25px rgba(16,24,40,.05);transition:transform .2s,border-color .2s}.hga-lesson-nav a:hover{transform:translateY(-2px);border-color:#f6b49e}@media(prefers-reduced-motion:reduce){.hga-card,.hga-run,.hga-quiz button,.hga-complete,.hga-article-list article,.hga-article-arrow,.hga-lesson-nav a{transition:none!important}}@media(max-width:600px){.hga-card-body{padding:21px}.hga-article-list article{padding:21px}.hga-breadcrumbs{margin-bottom:22px}}