.page-hero.svelte-wjri39{padding:6rem 0 4rem;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);text-align:center}.page-title.svelte-wjri39{font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:1rem}.page-sub.svelte-wjri39{font-size:1.1rem;color:var(--color-text-muted);max-width:560px;margin:0 auto}.areas-grid.svelte-wjri39{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.area-card.svelte-wjri39{display:block;text-decoration:none;color:inherit;transition:box-shadow var(--transition),transform var(--transition)}.area-card.svelte-wjri39 h2:where(.svelte-wjri39){font-size:1.15rem;font-weight:700;margin-bottom:.35rem}.area-distance.svelte-wjri39{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.75rem}.area-link.svelte-wjri39{font-size:.85rem;color:var(--color-accent);font-weight:600}.alt-bg.svelte-wjri39{background:var(--color-bg-elevated)}.cta-actions.svelte-wjri39{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media(hover:hover){.area-card.svelte-wjri39:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}@media(max-width:900px){.areas-grid.svelte-wjri39{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-hero.svelte-wjri39{padding:4rem 0 2rem}}@media(max-width:480px){.areas-grid.svelte-wjri39{grid-template-columns:1fr}.cta-actions.svelte-wjri39{flex-direction:column;align-items:center}.cta-actions.svelte-wjri39 .btn:where(.svelte-wjri39){width:100%;max-width:320px}}