diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f8f3d43
--- /dev/null
+++ b/index.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Mini Compressor</title>
+
+  <script src="https://cdn.tailwindcss.com"></script>
+
+  <style>
+    body {
+      background: radial-gradient(circle at top, #0f172a, #020617);
+      overflow-x: hidden;
+    }
+
+    /* Glass */
+    .glass {
+      background: rgba(255,255,255,0.05);
+      backdrop-filter: blur(12px);
+      border: 1px solid rgba(255,255,255,0.1);
+    }
+
+    /* Neon */
+    .neon {
+      box-shadow: 0 0 10px #3b82f6, 0 0 40px #3b82f6;
+    }
+
+    .neon-text {
+      text-shadow: 0 0 10px #3b82f6, 0 0 30px #3b82f6;
+    }
+
+    /* Animated particles */
+    .particle {
+      position: absolute;
+      width: 2px;
+      height: 2px;
+      background: #3b82f6;
+      animation: float 10s linear infinite;
+      opacity: 0.6;
+    }
+
+    @keyframes float {
+      from { transform: translateY(0); }
+      to { transform: translateY(-100vh); }
+    }
+  </style>
+</head>
+
+<body class="text-white font-sans">
+
+  <!-- PARTICLES -->
+  <div id="particles"></div>
+
+  <!-- HERO -->
+  <section class="text-center py-24 px-6 relative">
+    <h1 class="text-6xl font-bold neon-text mb-4">
+      Mini Compressor
+    </h1>
+
+    <p class="text-gray-400 mb-6">
+      Game Repacking Tool • Masked Compression v3
+    </p>
+
+    <p id="version" class="text-blue-400 mb-8">
+      Loading latest version...
+    </p>
+
+    <a id="downloadBtn"
+       class="px-10 py-4 rounded-2xl text-lg font-semibold bg-blue-600 neon hover:bg-blue-500 transition">
+       ⬇ Download Latest
+    </a>
+  </section>
+
+  <!-- CHANGELOG -->
+  <section class="max-w-3xl mx-auto px-6 py-10">
+    <div class="glass p-6 rounded-2xl">
+      <h2 class="text-xl font-bold mb-4">Latest Changes</h2>
+      <pre id="changelog" class="text-gray-400 whitespace-pre-wrap text-sm">
+Loading changelog...
+      </pre>
+    </div>
+  </section>
+
+  <!-- FEATURES -->
+  <section class="max-w-6xl mx-auto px-6 py-16">
+    <div class="grid md:grid-cols-3 gap-8">
+      <div class="glass p-6 rounded-2xl">⚡ Multi-threaded performance</div>
+      <div class="glass p-6 rounded-2xl">📦 Masked Compression v3</div>
+      <div class="glass p-6 rounded-2xl">🎮 Game optimized</div>
+    </div>
+  </section>
+
+  <!-- SCRIPT -->
+  <script>
+    // FETCH LATEST RELEASE
+    fetch("https://api.github.com/repos/CarldricGaming/Mini-Compressor/releases/latest")
+      .then(res => res.json())
+      .then(data => {
+        document.getElementById("version").innerText = "Latest Version: " + data.tag_name;
+
+        document.getElementById("changelog").innerText =
+          data.body ? data.body.substring(0, 800) : "No changelog available.";
+
+        // AUTO GET EXE FILE
+        const exe = data.assets.find(a => a.name.endsWith(".exe"));
+        if (exe) {
+          document.getElementById("downloadBtn").href = exe.browser_download_url;
+        } else {
+          document.getElementById("downloadBtn").href = data.html_url;
+        }
+      })
+      .catch(() => {
+        document.getElementById("version").innerText = "Failed to load version";
+      });
+
+    // PARTICLES GENERATOR
+    const container = document.getElementById("particles");
+
+    for (let i = 0; i < 80; i++) {
+      const p = document.createElement("div");
+      p.classList.add("particle");
+
+      p.style.left = Math.random() * 100 + "vw";
+      p.style.top = Math.random() * 100 + "vh";
+      p.style.animationDuration = (5 + Math.random() * 10) + "s";
+
+      container.appendChild(p);
+    }
+  </script>
+
+</body>
+</html>
\ No newline at end of file
