.tools-container.svelte-ljzudf{max-width:1000px;margin:0 auto;padding:2rem 1rem}.tools-header.svelte-ljzudf{text-align:center;padding:2rem 0 3rem}.tools-header.svelte-ljzudf h1:where(.svelte-ljzudf){font-size:2.5rem;margin-bottom:.5rem;color:#1f2937}.gradient-text.svelte-ljzudf{background:linear-gradient(135deg,#00c3ff,#8c00ec,#e80ffd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tools-header.svelte-ljzudf p:where(.svelte-ljzudf){font-size:1.2rem;color:#6b7280}.tools-grid.svelte-ljzudf{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.tool-card.svelte-ljzudf{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s,box-shadow .2s;position:relative}.tool-card.svelte-ljzudf:not(.coming-soon):hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #8c00ec26}.tool-card.coming-soon.svelte-ljzudf{opacity:.7}.tool-icon.svelte-ljzudf{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#00c3ff26,#8c00ec26);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.tool-icon.svelte-ljzudf svg:where(.svelte-ljzudf){width:28px;height:28px;color:#8c00ec}.tool-card.svelte-ljzudf h2:where(.svelte-ljzudf){font-size:1.25rem;margin-bottom:.5rem;color:#1f2937}.tool-card.svelte-ljzudf p:where(.svelte-ljzudf){color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.badge.svelte-ljzudf{display:inline-block;background:linear-gradient(135deg,#00c3ff26,#8c00ec26);color:#8c00ec;padding:.4rem .8rem;border-radius:1rem;font-size:.85rem;font-weight:600}.cta-section.svelte-ljzudf{background:linear-gradient(135deg,#00c3ff,#8c00ec,#e80ffd);color:#fff;padding:3rem;border-radius:1rem;text-align:center;box-shadow:0 20px 25px -5px #8c00ec40}.cta-section.svelte-ljzudf h2:where(.svelte-ljzudf){font-size:1.75rem;margin-bottom:.5rem}.cta-section.svelte-ljzudf p:where(.svelte-ljzudf){font-size:1.1rem;opacity:.9;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.tools-header.svelte-ljzudf h1:where(.svelte-ljzudf){font-size:1.75rem}.tools-grid.svelte-ljzudf{grid-template-columns:1fr}.cta-section.svelte-ljzudf{padding:2rem 1.5rem}}