v1.6.0: Premium landing page redesign + missing files

index.html:
- Complete rebuild with premium UI/UX (no emojis, all SVG icons)
- Live interactive API console with preset endpoints and JSON viewer
- Canvas particle system (60 particles, purple-tinted)
- Scroll-reveal animations via IntersectionObserver
- Animated stat counters on viewport entry
- Infinite scrolling marquee with SVG icons
- Endpoint explorer with sidebar nav, multi-language code tabs (cURL/JS/Python)
- 4 interactive playground cards
- Glassmorphism sticky header with scroll-aware blur
- Full 4-column footer

404.html:
- Glitch animation effect on 404 code
- CRT scanline overlay
- SVG icons throughout

New files:
- manifest.json (PWA: theme color, icons, display)
- robots.txt (crawler directives + sitemap)
- sitemap.xml (4 pages)
- og-image.svg (gradient design with title)
- privacy.html (data collection, DMCA, third-party)
- tos.html (acceptable use, rate limits, liability, DMCA)

public/og-image.svg

@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" fill="none">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1200" y2="630" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#0A0A12"/>
+      <stop offset="1" stop-color="#111120"/>
+    </linearGradient>
+    <linearGradient id="grad" x1="0" y1="0" x2="600" y2="630" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#A855F7"/>
+      <stop offset="1" stop-color="#EC4899"/>
+    </linearGradient>
+    <linearGradient id="orb1" cx="300" cy="200" r="200" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#A855F7" stop-opacity="0.3"/>
+      <stop offset="1" stop-color="#A855F7" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="orb2" cx="900" cy="450" r="180" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#EC4899" stop-opacity="0.25"/>
+      <stop offset="1" stop-color="#EC4899" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect width="1200" height="630" fill="url(#bg)"/>
+  <circle cx="300" cy="200" r="250" fill="url(#orb1)"/>
+  <circle cx="950" cy="420" r="220" fill="url(#orb2)"/>
+  <circle cx="600" cy="315" r="160" stroke="url(#grad)" stroke-width="3" fill="none" opacity="0.3"/>
+  <circle cx="600" cy="315" r="120" stroke="url(#grad)" stroke-width="2" fill="none" opacity="0.15"/>
+  <text x="600" y="280" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="900" font-size="72" fill="url(#grad)">AniKatoAPI</text>
+  <text x="600" y="340" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="500" font-size="24" fill="#94A3B8">Free Anime Data REST API</text>
+  <text x="600" y="380" text-anchor="middle" font-family="monospace" font-weight="400" font-size="16" fill="#64748B">anikato.vercel.app/api</text>
+  <rect x="480" y="410" width="240" height="40" rx="20" fill="url(#grad)" opacity="0.9"/>
+  <text x="600" y="436" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="600" font-size="14" fill="#fff">No API Key Required</text>
+  <circle cx="120" cy="540" r="4" fill="#A855F7" opacity="0.4"/>
+  <circle cx="180" cy="560" r="3" fill="#EC4899" opacity="0.3"/>
+  <circle cx="1050" cy="80" r="5" fill="#6366F1" opacity="0.3"/>
+  <circle cx="1100" cy="120" r="3" fill="#A855F7" opacity="0.25"/>
+  <circle cx="80" cy="100" r="3" fill="#EC4899" opacity="0.2"/>
+</svg>