.patterns-page.svelte-xyrix7{min-height:100vh;background:var(--lfdh-bg-primary)}.patterns-hero.svelte-xyrix7{padding:4rem 1.5rem 3rem;text-align:center;background:var(--lfdh-bg-secondary);border-bottom:3px solid var(--lfdh-border)}.hero-content.svelte-xyrix7{max-width:48rem;margin:0 auto}.hero-title.svelte-xyrix7{font-size:3rem;font-weight:900;margin-bottom:1rem}.hero-subtitle.svelte-xyrix7{font-size:1.125rem;color:var(--lfdh-text-secondary);line-height:1.7}.patterns-section.svelte-xyrix7{padding:3rem 1.5rem;max-width:80rem;margin:0 auto}.patterns-grid.svelte-xyrix7{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.pattern-card.svelte-xyrix7{background:var(--lfdh-bg-card);border:3px solid var(--lfdh-border);border-radius:1.5rem;padding:1.5rem;transition:all .3s ease}.pattern-card.svelte-xyrix7:hover{border-color:var(--lfdh-orange);transform:translateY(-4px);box-shadow:0 12px 24px #f9731626}.icon-display.svelte-xyrix7{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:var(--lfdh-bg-secondary);border-radius:1rem}.icon-wrapper.svelte-xyrix7{display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon-label.svelte-xyrix7{font-size:.75rem;font-weight:600;color:var(--lfdh-text-muted);text-transform:uppercase;letter-spacing:.05em}.pattern-info.svelte-xyrix7{text-align:center}.pattern-name.svelte-xyrix7{font-size:1.5rem;font-weight:800;margin-bottom:.75rem}.pattern-description.svelte-xyrix7{font-size:.9rem;color:var(--lfdh-text-secondary);line-height:1.6}.patterns-cta.svelte-xyrix7{padding:4rem 1.5rem;background:var(--lfdh-bg-secondary);border-top:3px solid var(--lfdh-border);text-align:center}.cta-content.svelte-xyrix7{max-width:32rem;margin:0 auto}.cta-title.svelte-xyrix7{font-size:2rem;font-weight:800;color:var(--lfdh-text-primary);margin-bottom:.5rem}.cta-text.svelte-xyrix7{font-size:1rem;color:var(--lfdh-text-secondary);margin-bottom:1.5rem}.cta-button.svelte-xyrix7{display:inline-block;padding:1rem 2.5rem;background:var(--lfdh-orange);color:#fff;font-weight:700;font-size:1rem;border-radius:9999px;text-decoration:none;transition:all .2s ease}.cta-button.svelte-xyrix7:hover{background:color-mix(in srgb,var(--lfdh-orange) 90%,black);transform:scale(1.05)}@media(max-width:640px){.hero-title.svelte-xyrix7{font-size:2rem}.patterns-grid.svelte-xyrix7{grid-template-columns:1fr}.icon-display.svelte-xyrix7{gap:1.5rem}}