<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minecraft World Explorer Pack ⛏️</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
</head>
<body>
<div class="min-h-screen bg-gradient-to-br from-[#667eea] to-[#764ba2] dark:from-[#0f0f0f] dark:to-[#1a1a1a] flex flex-col items-center justify-center p-4"> <div class="bg-white dark:bg-[#2a2a2a] rounded-xl shadow-2xl p-8 max-w-sm w-full text-center transform transition-all duration-500 hover:scale-105"> <span class="material-symbols-outlined text-6xl text-[#8b5cf6] dark:text-[#c084fc] mb-4" style="font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;"> grid_on </span> <h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-3">Minecraft Explorer</h1> <p class="text-gray-600 dark:text-gray-300 mb-6">Discover the blocky world of Minecraft. Build, explore, and survive!</p> <button class="bg-gradient-to-r from-[#f093fb] to-[#f5576c] hover:from-[#e873e0] hover:to-[#f3475e] text-white font-bold py-3 px-6 rounded-lg shadow-lg transform transition-all duration-300 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-opacity-50">Explore Now</button> </div> </div>
</body>
</html>