<?php
  echo '<!DOCTYPE html>';
  echo '<html lang="en">';
  echo '<head>';
  echo '  <meta charset="UTF-8">';
  echo '  <meta name="viewport" content="width=device-width, initial-scale=1.0">';
  echo '  <title>Cyberpunk Homepage</title>';
  echo '  <style>';
  echo '    body {';
  echo '      margin: 0;';
  echo '      padding: 0;';
  echo '      font-family: Arial, sans-serif;';
  echo '      color: white;';
  echo '    }';
  echo '    .min-h-screen {';
  echo '      min-height: 100vh;';
  echo '    }';
  echo '    .bg-gradient-to-br {';
  echo '      background: linear-gradient(to bottom right, black, #1e293b, #0d3b4b);';
  echo '    }';
  echo '    .text-white {';
  echo '      color: white;';
  echo '    }';
  echo '    .neon-text {';
  echo '      color: #00ff00;';
  echo '      text-shadow:';
  echo '        0 0 2px #00ff00,';
  echo '        0 0 4px #00ff00,';
  echo '        0 0 8px #00ff00;';
  echo '    }';
  echo '    .neon-button:hover {';
  echo '      box-shadow:';
  echo '        0 0 10px #00ff00,';
  echo '        0 0 20px #00ff00,';
  echo '        0 0 30px #00ff00,';
  echo '        0 0 40px #00ff00;';
  echo '    }';
  echo '    .bg-grid-pattern {';
  echo '      background-image: linear-gradient(#16a34a 1px, transparent 1px),';
  echo '                        linear-gradient(to right, #16a34a 1px, transparent 1px);';
  echo '      background-size: 40px 40px;';
  echo '    }';
  echo '    .animate-spin-slow {';
  echo '      animation: spin 20s linear infinite;';
  echo '    }';
  echo '    .animate-float {';
  echo '      animation: float 6s ease-in-out infinite;';
  echo '    }';
  echo '    .animate-ping-slow {';
  echo '      animation: ping 4s cubic-bezier(0, 0, 0.2, 1) infinite;';
  echo '    }';
  echo '    @keyframes spin {';
  echo '      from { transform: rotate(0deg); }';
  echo '      to { transform: rotate(360deg); }';
  echo '    }';
  echo '    @keyframes float {';
  echo '      0%, 100% { transform: translateY(0); }';
  echo '      50% { transform: translateY(-10px); }';
  echo '    }';
  echo '    .transform-3d {';
  echo '      transform-style: preserve-3d;';
  echo '    }';
  echo '    .perspective-3d {';
  echo '      perspective: 1000px;';
  echo '    }';
  echo '    .button {';
  echo '      padding: 10px 20px;';
  echo '      background-color: #16a34a;';
  echo '      color: white;';
  echo '      font-size: 20px;';
  echo '      border: 2px solid #16a34a;';
  echo '      border-radius: 5px;';
  echo '      cursor: pointer;';
  echo '    }';
  echo '    .button:hover {';
  echo '      background-color: #22c55e;';
  echo '      transform: scale(1.05);';
  echo '    }';
  echo '    .absolute {';
  echo '      position: absolute;';
  echo '    }';
  echo '    .z-10 {';
  echo '      z-index: 10;';
  echo '    }';
  echo '    .text-center {';
  echo '      text-align: center;';
  echo '    }';
  echo '  </style>';
  echo '</head>';
  echo '<body>';

  echo '  <div class="min-h-screen bg-gradient-to-br text-white flex items-center justify-center relative overflow-hidden perspective-3d">';
  echo '    <!-- Cyberpunk Neon Grid Background -->';
  echo '    <div class="absolute inset-0 z-0">';
  echo '      <div class="w-full h-full bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-green-700/10 via-transparent to-transparent"></div>';
  echo '      <div class="absolute top-0 left-0 w-full h-full bg-grid-pattern opacity-10"></div>';
  echo '      <div class="absolute top-0 left-0 w-full h-full backdrop-blur-sm"></div>';

  echo '      <!-- Angular Shapes -->';
  echo '      <div class="absolute top-10 left-10 w-40 h-40 border-4 border-green-600 rotate-45 opacity-30 animate-pulse transform-3d"></div>';
  echo '      <div class="absolute bottom-10 right-10 w-60 h-60 border-2 border-green-500 rotate-12 opacity-20 animate-spin-slow transform-3d"></div>';
  echo '      <div class="absolute top-1/3 right-1/4 w-32 h-32 bg-green-700/20 skew-y-12 rotate-6 transform-3d"></div>';

  echo '      <!-- Gaming Elements (SVGs) -->';
  echo '      <svg class="absolute top-1/4 left-1/3 w-16 h-16 text-green-500 opacity-30 animate-float" viewBox="0 0 24 24" fill="currentColor">';
  echo '        <path d="M6 2C4.34 2 3 3.34 3 5v7c0 1.66 1.34 3 3 3v3.59L9.59 15H17c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3H6zm2 5h8v2H8V7zm0 4h5v2H8v-2z" />';
  echo '      </svg>';

  echo '      <svg class="absolute bottom-1/4 right-1/3 w-16 h-16 text-green-400 opacity-30 animate-float delay-1000" viewBox="0 0 24 24" fill="currentColor">';
  echo '        <path d="M21 13h-6.184a3 3 0 00-5.632 0H3a1 1 0 000 2h6.184a3 3 0 005.632 0H21a1 1 0 000-2z" />';
  echo '      </svg>';

  echo '      <svg class="absolute top-1/2 left-10 w-12 h-12 text-green-600 opacity-20 animate-ping-slow" viewBox="0 0 24 24" fill="currentColor">';
  echo '        <circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="2" fill="none" />';
  echo '        <circle cx="12" cy="12" r="4" fill="currentColor" />';
  echo '      </svg>';

  echo '      <!-- Extra Gaming Elements -->';
  echo '      <svg class="absolute top-10 right-20 w-14 h-14 text-green-300 opacity-20 animate-float delay-700" viewBox="0 0 24 24" fill="currentColor">';
  echo '        <path d="M17 4h-2V2h-6v2H7a2 2 0 00-2 2v3h14V6a2 2 0 00-2-2zm1 5H6v10a2 2 0 002 2h8a2 2 0 002-2V9z" />';
  echo '      </svg>';

  echo '      <svg class="absolute bottom-16 left-1/4 w-14 h-14 text-green-400 opacity-20 animate-spin-slow" viewBox="0 0 24 24" fill="currentColor">';
  echo '        <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 17a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm1-5h-2V7h2v7z" />';
  echo '      </svg>';

  echo '      <svg class="absolute top-1/5 right-1/5 w-16 h-16 text-green-300 opacity-25 animate-float delay-500" viewBox="0 0 24 24" fill="currentColor">';
  echo '        <path d="M20 6H4a2 2 0 00-2 2v8a2 2 0 002 2h5v2h6v-2h5a2 2 0 002-2V8a2 2 0 00-2-2zM4 16V8h16v8H4z" />';
  echo '      </svg>';
  echo '    </div>';

  echo '    <!-- Brand & Button -->';
  echo '    <div class="z-10 text-center px-6 transform hover:rotate-x-6 hover:rotate-y-3 transition-transform duration-500">';
  echo '      <h1 class="text-5xl md:text-7xl font-extrabold tracking-widest neon-text drop-shadow-[0_0_8px_rgba(0,255,0,0.6)]">';
  echo '        NEONCORE';
  echo '      </h1>';
  echo '      <button class="mt-20 px-10 py-5 bg-green-700 hover:bg-green-800 transition-all duration-300 rounded-none border-2 border-green-500 text-xl font-semibold shadow-lg shadow-green-500/50 neon-button transform hover:scale-105 hover:-rotate-x-6 hover:rotate-y-6">';
  echo '        Enter';
  echo '      </button>';
  echo '    </div>';
  
  echo '  </div>';
  echo '</body>';
  echo '</html>';
?>
