.categories-page.svelte-f8y1tl{padding:2rem 1.5rem 4rem;max-width:1400px;margin:0 auto}.page-title.svelte-f8y1tl{font-size:2.25rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.categories-grid.svelte-f8y1tl{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.category-card.svelte-f8y1tl{position:relative;border-radius:20px;overflow:hidden;text-decoration:none;aspect-ratio:4/3;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003,0 2px 10px #0000001a;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.category-card.svelte-f8y1tl:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #0000004d,0 5px 15px #00000026}.category-card.svelte-f8y1tl:active{transform:scale(.98)}.card-image-wrapper.svelte-f8y1tl{position:absolute;top:0;right:0;bottom:0;left:0}.card-image.svelte-f8y1tl{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.category-card.svelte-f8y1tl:hover .card-image:where(.svelte-f8y1tl){transform:scale(1.1)}.card-overlay.svelte-f8y1tl{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000004d,#059669d9);transition:all .3s ease}.category-card.svelte-f8y1tl:hover .card-overlay:where(.svelte-f8y1tl){background:linear-gradient(180deg,#00000026,#00000059,#059669eb)}.card-content.svelte-f8y1tl{position:relative;margin-top:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:2}.card-title.svelte-f8y1tl{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-cta.svelte-f8y1tl{display:inline-flex;align-items:center;gap:.5rem;color:#fef08a;font-weight:600;font-size:.95rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.category-card.svelte-f8y1tl:hover .card-cta:where(.svelte-f8y1tl){opacity:1;transform:translateY(0)}.card-cta.svelte-f8y1tl svg:where(.svelte-f8y1tl){transition:transform .2s ease}.category-card.svelte-f8y1tl:hover .card-cta:where(.svelte-f8y1tl) svg:where(.svelte-f8y1tl){transform:translate(4px)}@media (max-width: 768px){.categories-page.svelte-f8y1tl{padding:1.5rem 1rem 3rem}.page-title.svelte-f8y1tl{font-size:1.75rem;margin-bottom:1.5rem}.categories-grid.svelte-f8y1tl{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card-cta.svelte-f8y1tl{opacity:1;transform:translateY(0)}}
