.page-hero.svelte-dyot6b{background:linear-gradient(135deg, var(--color-primary) 0%, #0f2940 100%);color:#fff;padding:var(--space-4xl) 0 var(--space-3xl)}.page-hero.svelte-dyot6b h1:where(.svelte-dyot6b){color:#fff;margin-bottom:var(--space-md)}.hero-text.svelte-dyot6b{color:var(--color-text-white);opacity:.85;max-width:650px;font-size:1.1rem}.filters.svelte-dyot6b{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.filter-btn.svelte-dyot6b{border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text);font-size:.85rem;font-weight:500;font-family:var(--font-sans);background:#fff;padding:.5rem 1.2rem;transition:all .2s}.filter-btn.svelte-dyot6b:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active.svelte-dyot6b{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.course-card.svelte-dyot6b{flex-direction:column;display:flex}.course-meta.svelte-dyot6b{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.course-type.svelte-dyot6b,.course-level.svelte-dyot6b{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);padding:.2rem .6rem;font-size:.75rem;font-weight:600}.course-type.svelte-dyot6b{color:var(--color-accent);background:#0d94881a}.course-level.svelte-dyot6b{color:var(--color-gold);background:#d977061a}.course-card.svelte-dyot6b h3:where(.svelte-dyot6b){margin-bottom:var(--space-sm);font-size:1.15rem}.course-details.svelte-dyot6b{gap:var(--space-md);color:var(--color-text-light);margin-bottom:var(--space-md);flex-wrap:wrap;font-size:.85rem;display:flex}.course-card.svelte-dyot6b>p:where(.svelte-dyot6b){color:var(--color-text-light);flex:1;font-size:.9rem}.course-footer.svelte-dyot6b{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.course-price.svelte-dyot6b{color:var(--color-accent);font-size:1.1rem;font-weight:700}.btn-sm.svelte-dyot6b{padding:.5rem 1.2rem;font-size:.85rem}.empty-state.svelte-dyot6b{text-align:center;padding:var(--space-4xl);color:var(--color-text-light)}