.categories-directory.svelte-fa93ad{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;padding-top:4rem;background-color:var(--color-surface)}.categories-directory.svelte-fa93ad:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../../../hero-bg-texture.png);background-size:110% 110%;background-position:center;background-repeat:no-repeat;opacity:.05;background-blend-mode:multiply}.directory-header.svelte-fa93ad{text-align:center;margin-bottom:var(--spacing-12);display:flex;flex-direction:column;align-items:center}.directory-header.svelte-fa93ad h1:where(.svelte-fa93ad){font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.directory-subtitle.svelte-fa93ad{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto}.view-all-section.svelte-fa93ad{display:flex;justify-content:center;margin-bottom:var(--spacing-8)}.icon-arrow-right.svelte-fa93ad{width:20px;height:20px;margin-right:var(--spacing-2)}.categories-grid.svelte-fa93ad{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-16)}.category-card.svelte-fa93ad{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.category-card.svelte-fa93ad:hover{box-shadow:var(--shadow-md)}.category-title.svelte-fa93ad{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);text-transform:capitalize}.tags-grid.svelte-fa93ad{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tag-button.svelte-fa93ad{background:var(--color-white);border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize}.tag-button.svelte-fa93ad:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.loading-state.svelte-fa93ad{margin-bottom:var(--spacing-16)}.loading-grid.svelte-fa93ad{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.loading-category.svelte-fa93ad{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.loading-title.svelte-fa93ad{height:24px;background:var(--color-surface);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);animation:svelte-fa93ad-pulse 1.5s ease-in-out infinite}.loading-tags.svelte-fa93ad{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.loading-tag.svelte-fa93ad{width:80px;height:32px;background:var(--color-surface);border-radius:var(--radius-full);animation:svelte-fa93ad-pulse 1.5s ease-in-out infinite}.empty-state.svelte-fa93ad{text-align:center;padding:var(--spacing-16);color:var(--color-text-secondary)}@keyframes svelte-fa93ad-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.categories-grid.svelte-fa93ad{grid-template-columns:1fr}.directory-header.svelte-fa93ad h1:where(.svelte-fa93ad){font-size:var(--font-size-3xl)}}