.container.svelte-12mquwo{max-width:1200px;margin:0 auto;padding:3rem 2rem;font-family:system-ui,-apple-system,sans-serif}h1.svelte-12mquwo{text-align:center;color:#333;font-size:2.5rem;margin-bottom:.5rem}.subtitle.svelte-12mquwo{text-align:center;color:#666;font-size:1.125rem;margin-bottom:3rem}.tools-grid.svelte-12mquwo{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tool-card.svelte-12mquwo{display:flex;flex-direction:column;padding:2rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer;text-align:left;width:100%;font-family:inherit}.tool-card.svelte-12mquwo:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f326;transform:translateY(-4px)}.tool-icon.svelte-12mquwo{font-size:3rem;margin-bottom:1rem}.tool-name.svelte-12mquwo{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.75rem}.tool-description.svelte-12mquwo{color:#666;line-height:1.6;flex-grow:1;margin-bottom:1rem}.tool-link.svelte-12mquwo{color:#2196f3;font-weight:500;align-self:flex-start}.tool-card.svelte-12mquwo:hover .tool-link:where(.svelte-12mquwo){text-decoration:underline}@media (max-width: 768px){.container.svelte-12mquwo{padding:2rem 1rem}h1.svelte-12mquwo{font-size:2rem}.tools-grid.svelte-12mquwo{grid-template-columns:1fr;gap:1.5rem}}