.hero.svelte-1uha8ag{background:linear-gradient(135deg,var(--color-light) 0%,var(--color-white) 100%);padding:var(--spacing-xl) 0;text-align:center}.hero-banner.svelte-1uha8ag{margin-bottom:var(--spacing-xl);width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.hero-image.svelte-1uha8ag{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;display:block}.hero-content.svelte-1uha8ag{max-width:800px;margin:0 auto}.hero-subtitle.svelte-1uha8ag{font-size:1.5rem;color:var(--color-blue);margin-bottom:var(--spacing-md);font-weight:500}.hero-text.svelte-1uha8ag{font-size:1.1rem;color:var(--color-gray);margin-bottom:var(--spacing-lg);line-height:1.8}.hero-actions.svelte-1uha8ag{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.features.svelte-1uha8ag{background-color:var(--color-white);padding:var(--spacing-xl) 0}.features-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.feature-card.svelte-1uha8ag{background-color:var(--color-light);padding:var(--spacing-lg);border-radius:var(--border-radius);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card.svelte-1uha8ag:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.feature-icon.svelte-1uha8ag{font-size:3rem;margin-bottom:var(--spacing-sm)}.feature-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:var(--color-dark);margin-bottom:var(--spacing-sm)}.feature-card.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-gray)}.info.svelte-1uha8ag{background-color:var(--color-light);padding:var(--spacing-xl) 0}.info-content.svelte-1uha8ag{max-width:800px;margin:0 auto}.info-text.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:var(--color-red);margin-bottom:var(--spacing-md)}.info-text.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-gray);margin-bottom:var(--spacing-md);line-height:1.8}@media(max-width:768px){.hero-subtitle.svelte-1uha8ag{font-size:1.2rem}.hero-text.svelte-1uha8ag{font-size:1rem}.hero-actions.svelte-1uha8ag{flex-direction:column}.hero-actions.svelte-1uha8ag .btn:where(.svelte-1uha8ag){width:100%}}
