.directory-container.svelte-1vby5nc{max-width:1100px;margin:0 auto;padding:80px 24px}header.svelte-1vby5nc{text-align:center;margin-bottom:60px}.hero-title.svelte-1vby5nc{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;margin-bottom:1rem}.hero-title.svelte-1vby5nc span:where(.svelte-1vby5nc){color:var(--help-accent)}.hero-subtitle.svelte-1vby5nc{font-size:1.2rem;opacity:.6}.grid.svelte-1vby5nc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.topic-card.svelte-1vby5nc{background-color:var(--extreme-color);border:1px solid rgba(255,255,255,.05);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.topic-card.svelte-1vby5nc:hover{transform:translateY(-4px)}.card-content.svelte-1vby5nc{padding:32px;display:flex;flex-direction:column;height:100%}.category-tag.svelte-1vby5nc{font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:1px;color:var(--help-accent);margin-bottom:12px}h2.svelte-1vby5nc{font-size:1.4rem;font-weight:700;text-transform:capitalize;margin-bottom:24px;line-height:1.3}.card-footer.svelte-1vby5nc{margin-top:auto;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;opacity:.8}@media(max-width:600px){.directory-container.svelte-1vby5nc{padding:40px 20px}}