body{margin:0}main.svelte-17bhqj8{--accent:#e85d3a;--dark:#1a1f36;--text:#3c4257;--muted:#515d6e;--faint:#697386;--border:#e3e8ee;--bg-alt:#f7f8fa;--radius:12px;color:var(--dark);font-family:DM Sans,-apple-system,sans-serif}.hero.svelte-17bhqj8{color:#fff;border-bottom:1px solid var(--border);background:#1a1f36}.hero-inner.svelte-17bhqj8{text-align:center;max-width:760px;margin:0 auto;padding:4.5rem 1.5rem 3.5rem}.hero-badge.svelte-17bhqj8{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;margin-bottom:1.5rem;padding:.35rem .875rem;font-size:.8125rem;display:inline-block}h1.svelte-17bhqj8{letter-spacing:-.03em;color:#fff;margin:0 0 1.25rem;font-size:2.75rem;font-weight:800;line-height:1.1}.subtitle.svelte-17bhqj8{color:#ffffffd1;max-width:560px;margin:0 auto 2rem;font-size:1.0625rem;line-height:1.65}.snippet-preview.svelte-17bhqj8{background:#0006;border:1px solid #ffffff1f;border-radius:10px;max-width:600px;margin:0 auto;padding:.875rem 1.25rem;overflow-x:auto}.snippet-preview.svelte-17bhqj8 code:where(.svelte-17bhqj8){color:#ffd5c8;white-space:nowrap;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.8125rem}.hint.svelte-17bhqj8{color:#fff9;margin-top:.875rem;font-size:.8125rem}.categories.svelte-17bhqj8{background:var(--bg-alt);padding:4rem 0}.categories-inner.svelte-17bhqj8{flex-direction:column;gap:3.5rem;max-width:1080px;margin:0 auto;padding:0 1.5rem;display:flex}.category.svelte-17bhqj8{grid-template-columns:240px 1fr;gap:2.5rem;display:grid}.cat-head.svelte-17bhqj8 h2:where(.svelte-17bhqj8){color:var(--dark);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.cat-head.svelte-17bhqj8 p:where(.svelte-17bhqj8){color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.cat-grid.svelte-17bhqj8{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.platform-card.svelte-17bhqj8{border:1px solid var(--border);border-radius:var(--radius);color:var(--dark);background:#fff;align-items:center;gap:.875rem;padding:1rem 1.125rem;text-decoration:none;transition:all .15s;display:flex}.platform-card.svelte-17bhqj8:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 24px -8px #e85d3a2e}.platform-icon.svelte-17bhqj8{width:38px;height:38px;color:var(--accent);background:#1a1f36;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.platform-icon.svelte-17bhqj8 svg:where(.svelte-17bhqj8){width:22px;height:22px}.platform-info.svelte-17bhqj8{flex:1;min-width:0}.platform-name.svelte-17bhqj8{color:var(--dark);font-size:.9375rem;font-weight:650;line-height:1.2}.platform-blurb.svelte-17bhqj8{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.75rem;overflow:hidden}.platform-meta.svelte-17bhqj8{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.375rem;display:flex}.diff.svelte-17bhqj8{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.2rem .5rem;font-size:.6875rem;font-weight:600}.diff-easy.svelte-17bhqj8{color:#047857;background:#ecfdf5}.diff-med.svelte-17bhqj8{color:#b45309;background:#fef3c7}.diff-adv.svelte-17bhqj8{color:#b91c1c;background:#fee2e2}.arrow.svelte-17bhqj8{width:16px;height:16px;color:var(--faint)}.platform-card.svelte-17bhqj8:hover .arrow:where(.svelte-17bhqj8){color:var(--accent)}.cta.svelte-17bhqj8{background:var(--dark);color:#fff;text-align:center;padding:4rem 1.5rem}.cta-inner.svelte-17bhqj8{max-width:620px;margin:0 auto}.cta.svelte-17bhqj8 h2:where(.svelte-17bhqj8){letter-spacing:-.02em;margin:0 0 1rem;font-size:1.625rem;font-weight:700}.cta.svelte-17bhqj8 p:where(.svelte-17bhqj8){color:#ffffffc7;margin:0;font-size:.9375rem;line-height:1.65}.cta.svelte-17bhqj8 a:where(.svelte-17bhqj8){color:var(--accent);font-weight:600;text-decoration:none}.cta.svelte-17bhqj8 a:where(.svelte-17bhqj8):hover{text-decoration:underline}@media (width<=820px){.category.svelte-17bhqj8{grid-template-columns:1fr;gap:1rem}.cat-grid.svelte-17bhqj8{grid-template-columns:1fr}h1.svelte-17bhqj8{font-size:2.125rem}}