.modules-page.svelte-dnj7ay{width:100%;max-width:100%}.hero.svelte-dnj7ay{padding:var(--space-2xl) var(--space-lg);text-align:center}@media(max-width:768px){.hero.svelte-dnj7ay{padding:var(--space-xl) var(--space-sm)}}.hero-content.svelte-dnj7ay{max-width:800px;margin:0 auto}.page-title.svelte-dnj7ay{font-size:var(--text-display);font-weight:700;color:var(--color-fg-primary);margin:0 0 var(--space-md) 0;line-height:1.2}.page-subtitle.svelte-dnj7ay{font-size:var(--text-body-lg);color:var(--color-fg-secondary);margin:0;line-height:1.6}.filters.svelte-dnj7ay{padding:var(--space-lg);border-bottom:1px solid var(--color-border-default)}.category-chips.svelte-dnj7ay{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;max-width:1200px;margin:0 auto}.chip.svelte-dnj7ay{padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:transparent;color:var(--color-fg-secondary);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all var(--duration-micro) var(--ease-standard)}.chip.svelte-dnj7ay:hover{border-color:var(--color-border-emphasis);color:var(--color-fg-primary)}.chip.active.svelte-dnj7ay{border-color:var(--color-border-emphasis);background:var(--color-bg-subtle);color:var(--color-fg-primary)}.modules-grid.svelte-dnj7ay{padding:var(--space-2xl) var(--space-lg)}.grid.svelte-dnj7ay{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);max-width:1400px;margin:0 auto}@media(max-width:1024px){.grid.svelte-dnj7ay{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}}@media(max-width:640px){.grid.svelte-dnj7ay{grid-template-columns:1fr;gap:var(--space-md)}}div.svelte-dnj7ay{animation:svelte-dnj7ay-slideInUp var(--duration-complex) var(--ease-standard) calc(var(--stagger-delay, 0ms)) both}@keyframes svelte-dnj7ay-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){div.svelte-dnj7ay{animation:none;opacity:1}}.empty-state.svelte-dnj7ay{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-fg-muted)}.empty-state.svelte-dnj7ay p:where(.svelte-dnj7ay){margin:0;font-size:var(--text-body)}
