.hero.svelte-1u1bdwi{background:var(--gradient-hero-subtle);padding:4rem 0 3rem;text-align:center}.hero.svelte-1u1bdwi h1:where(.svelte-1u1bdwi){font-size:2.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.hero-sub.svelte-1u1bdwi{color:var(--text-secondary);font-size:1.125rem;max-width:560px;margin:0 auto;line-height:1.6}.container.svelte-1u1bdwi{max-width:1000px;margin:0 auto;padding:0 1.5rem}.section.svelte-1u1bdwi{padding:3rem 0 4rem}.category-filters.svelte-1u1bdwi{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn.svelte-1u1bdwi{padding:.5rem 1.25rem;border:1px solid var(--border);background:var(--bg-card);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.filter-btn.svelte-1u1bdwi:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active.svelte-1u1bdwi{background:var(--primary);border-color:var(--primary);color:#fff}.guides-grid.svelte-1u1bdwi{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.guide-card.svelte-1u1bdwi{display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.guide-card.svelte-1u1bdwi:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-meta.svelte-1u1bdwi{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.guide-time.svelte-1u1bdwi{font-size:.8125rem;color:var(--text-muted)}.guide-card.svelte-1u1bdwi h3:where(.svelte-1u1bdwi){font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:.5rem;line-height:1.4}.guide-card.svelte-1u1bdwi p:where(.svelte-1u1bdwi){font-size:.875rem;color:var(--text-secondary);line-height:1.6;flex:1}.guide-link.svelte-1u1bdwi{margin-top:1rem;font-size:.875rem;font-weight:500;color:var(--primary)}.cta-section.svelte-1u1bdwi{background:var(--bg);padding:4rem 0;border-top:1px solid var(--border-light)}.cta-section.svelte-1u1bdwi h2:where(.svelte-1u1bdwi){font-size:1.75rem;font-weight:700;color:var(--text)}@media(max-width:768px){.hero.svelte-1u1bdwi h1:where(.svelte-1u1bdwi){font-size:1.75rem}.guides-grid.svelte-1u1bdwi{grid-template-columns:1fr}}
