Put an image placeholder for the Brand Logo, centered.

index.html

@@ -60,15 +60,15 @@
         </div>
     </header>
     <!-- Brand Logo -->
-    <div class="relative z-10 text-center pt-8">
+    <div class="relative z-10 text-center pt-8 flex flex-col items-center">
+        <img src="http://static.photos/technology/320x240/42" alt="FiveXBet Logo" class="w-32 h-32 mb-4 rounded-full border-2 border-neonblue/50 object-cover">
         <div class="brand-logo text-4xl md:text-5xl font-bold inline-block">
             <span class="text-neonblue drop-shadow-[0_0_8px_rgba(15,240,252,0.7)]">FiveX</span>
             <span class="text-neonmagenta drop-shadow-[0_0_8px_rgba(255,0,255,0.7)]">Bet</span>
             <span class="text-white text-sm">.com</span>
         </div>
     </div>
-
-    <!-- Main Hero -->
+<!-- Main Hero -->
 <main class="relative z-10 h-full">
         <div class="container mx-auto px-6 h-full flex flex-col justify-center items-center">
             <!-- Title Block -->

style.css

@@ -354,6 +354,19 @@ box-shadow: 0 0 30px rgba(15, 240, 252, 0.5),
 .brand-logo:hover {
     transform: scale(1.05);
 }
+
+/* Logo Image Styles */
+.brand-logo img {
+    transition: all 0.3s ease;
+    box-shadow: 0 0 15px rgba(15, 240, 252, 0.5),
+                0 0 30px rgba(255, 0, 255, 0.3);
+}
+
+.brand-logo img:hover {
+    transform: scale(1.05);
+    box-shadow: 0 0 25px rgba(15, 240, 252, 0.7),
+                0 0 45px rgba(255, 0, 255, 0.5);
+}
 /* Star Field */
 .cosmic-web::before {
     content: '';