.tool-card.svelte-13xigfs{position:relative;background:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.tool-card.svelte-13xigfs:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:1rem 1rem 0 0;transition:height .3s ease}.tool-card.blue.svelte-13xigfs:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.tool-card.green.svelte-13xigfs:before{background:linear-gradient(90deg,#22c55e,#14b8a6)}.tool-card.purple.svelte-13xigfs:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.tool-card.orange.svelte-13xigfs:before{background:linear-gradient(90deg,#f97316,#ef4444)}.tool-card.svelte-13xigfs:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.tool-card.svelte-13xigfs:hover:before{height:6px}.tool-emoji.svelte-13xigfs{font-size:2.5rem;line-height:1}.tool-title.svelte-13xigfs{font-size:1.25rem;font-weight:700;color:var(--color-foreground);margin:0}.tool-description.svelte-13xigfs{color:var(--color-muted-foreground);line-height:1.6;flex-grow:1;margin:0}.tool-arrow.svelte-13xigfs{font-size:1.5rem;color:var(--color-muted-foreground);transition:all .3s ease}.tool-card.svelte-13xigfs:hover .tool-arrow:where(.svelte-13xigfs){transform:translate(4px);color:var(--color-primary)}@media(max-width:768px){.tool-card.svelte-13xigfs{padding:1.5rem}}