.page-hero.svelte-8s3559{padding:4rem 0 3rem;border-bottom:1px solid var(--border)}.content.svelte-8s3559{padding:2.5rem 1.5rem}.filter-bar.svelte-8s3559{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn.svelte-8s3559{padding:.4rem 1rem;border-radius:8px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:var(--font-display);font-size:.875rem;font-weight:500;transition:all .15s}.filter-btn.svelte-8s3559:hover{background:var(--surface-2);color:var(--text);border-color:transparent}.filter-btn.active.svelte-8s3559{background:var(--green-dim);color:var(--green);border-color:#2dd4a74d}.module-count.svelte-8s3559{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.modules-list.svelte-8s3559{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.module-row.svelte-8s3559{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--surface);transition:background .15s}.module-row.svelte-8s3559:hover{background:var(--surface-2)}.mod-glyph.svelte-8s3559{flex-shrink:0;width:52px;height:52px;border-radius:11px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-bright);background:var(--bg);font-family:var(--font-mono);font-size:.88rem;font-weight:500;letter-spacing:-.02em;line-height:1;text-align:center}.module-row.green.svelte-8s3559 .mod-glyph:where(.svelte-8s3559){color:var(--green)}.module-row.blue.svelte-8s3559 .mod-glyph:where(.svelte-8s3559){color:var(--blue)}.module-row.purple.svelte-8s3559 .mod-glyph:where(.svelte-8s3559){color:var(--purple)}.mod-info.svelte-8s3559{flex:1;min-width:0}.mod-title-row.svelte-8s3559{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap}.mod-title-row.svelte-8s3559 h2:where(.svelte-8s3559){font-family:var(--font-display);font-size:1rem;font-weight:600}.topics.svelte-8s3559{display:flex;flex-wrap:wrap;gap:.4rem}.topic-chip.svelte-8s3559{font-family:var(--font-mono);font-size:.68rem;padding:.15rem .55rem;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.level-badge.svelte-8s3559{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:5px;flex-shrink:0}.level-badge.green.svelte-8s3559{background:var(--green-dim);color:var(--green)}.level-badge.blue.svelte-8s3559{background:var(--blue-dim);color:var(--blue)}.level-badge.purple.svelte-8s3559{background:var(--purple-dim);color:var(--purple)}.mod-cta.svelte-8s3559{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.mod-status.svelte-8s3559{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.mod-status.active.svelte-8s3559{color:var(--green)}.mod-arrow.svelte-8s3559{font-size:1.1rem;color:var(--text-muted);transition:transform .15s,color .15s}.module-row.svelte-8s3559:hover .mod-arrow:where(.svelte-8s3559){transform:translate(3px);color:var(--text)}.coming-soon-note.svelte-8s3559{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--text-dim)}@media(max-width:600px){.mod-cta.svelte-8s3559{display:none}}