.hero.svelte-kxab8v{text-align:center;padding:var(--space-2xl) 0}.hero.svelte-kxab8v h1:where(.svelte-kxab8v){font-size:2.5rem;margin-bottom:var(--space-md)}.hero-subtitle.svelte-kxab8v{color:var(--color-text-muted);font-size:1.25rem;max-width:700px;margin:0 auto}.category-overview.svelte-kxab8v{margin-bottom:var(--space-2xl)}.category-grid.svelte-kxab8v{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.category-card.svelte-kxab8v{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--color-text);transition:all var(--transition-normal)}.category-card.svelte-kxab8v:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 30px #6366f133;text-decoration:none}.category-icon.svelte-kxab8v{font-size:2rem;margin-bottom:var(--space-md);color:var(--color-primary)}.category-card.svelte-kxab8v h2:where(.svelte-kxab8v){font-size:1.125rem;margin-bottom:var(--space-xs)}.category-card.svelte-kxab8v p:where(.svelte-kxab8v){font-size:.8125rem;color:var(--color-text-muted);margin:0 0 var(--space-md) 0;line-height:1.4}.category-count.svelte-kxab8v{font-size:.6875rem;padding:2px 8px;background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-sm)}.all-demos.svelte-kxab8v{margin-bottom:var(--space-2xl)}.all-demos.svelte-kxab8v h2:where(.svelte-kxab8v){font-size:1.25rem;margin-bottom:var(--space-lg)}.demo-list.svelte-kxab8v{display:flex;flex-direction:column;gap:var(--space-lg)}.demo-group.svelte-kxab8v{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid rgba(255,255,255,.1)}.demo-group.svelte-kxab8v h3:where(.svelte-kxab8v){font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.demo-row.svelte-kxab8v{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.demo-link.svelte-kxab8v{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);border:1px solid transparent}.demo-link.svelte-kxab8v:hover{border-color:var(--color-primary);background:var(--color-primary-muted);text-decoration:none}.demo-link.svelte-kxab8v .demo-icon:where(.svelte-kxab8v){font-size:1rem;color:var(--color-text-muted)}.demo-name.svelte-kxab8v{font-size:.875rem;font-weight:500}.demo-badge.svelte-kxab8v{font-size:.5625rem;padding:1px 6px;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:500}.demo-badge.live.svelte-kxab8v{background:var(--color-success-muted);color:var(--color-success)}@media(max-width:768px){.hero.svelte-kxab8v h1:where(.svelte-kxab8v){font-size:1.75rem}.category-grid.svelte-kxab8v{grid-template-columns:repeat(2,1fr)}.demo-row.svelte-kxab8v{flex-direction:column}}@media(max-width:480px){.category-grid.svelte-kxab8v{grid-template-columns:1fr}}