Change the Progressive Jackpots display to a different style. Keep pill shape.

index.html

@@ -446,33 +446,39 @@
     </div>
     
     <main class="ml-16 pt-24 pb-28 px-4 relative">
-        <!-- Progressive Jackpots - Pill Style -->
+        <!-- Progressive Jackpots - Modern Pill Style -->
         <div class="flex justify-center space-x-2 mb-4">
-            <div class="glass-panel px-4 py-2 rounded-full relative overflow-hidden">
-                <div class="flex items-center justify-between space-x-4">
-                    <div class="text-xs text-gray-400">MINOR</div>
-                    <i class="fas fa-circle text-green-500 text-xs animate-pulse"></i>
-                    <div class="text-sm font-bold text-niogold">$12,345</div>
+            <div class="glass-panel px-4 py-1 rounded-full relative overflow-hidden group hover:shadow-glow transition-all duration-300">
+                <div class="flex flex-col items-center">
+                    <div class="text-xs uppercase font-medium text-gray-400 group-hover:text-niogold transition-colors">Minor</div>
+                    <div class="text-sm font-bold text-niogold flex items-center">
+                        <i class="fas fa-arrow-up text-green-400 text-xs mr-1 animate-bounce"></i>
+                        <span>$12,345</span>
+                    </div>
                 </div>
-                <div class="absolute inset-0 bg-gradient-to-br from-green-900/10 to-transparent"></div>
+                <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-green-400/20 to-transparent"></div>
             </div>
             
-            <div class="glass-panel px-4 py-2 rounded-full relative overflow-hidden">
-                <div class="flex items-center justify-between space-x-4">
-                    <div class="text-xs text-gray-400">MAJOR</div>
-                    <i class="fas fa-circle text-yellow-500 text-xs animate-pulse"></i>
-                    <div class="text-sm font-bold text-niogold">$98,765</div>
+            <div class="glass-panel px-4 py-1 rounded-full relative overflow-hidden group hover:shadow-glow transition-all duration-300">
+                <div class="flex flex-col items-center">
+                    <div class="text-xs uppercase font-medium text-gray-400 group-hover:text-niogold transition-colors">Major</div>
+                    <div class="text-sm font-bold text-niogold flex items-center">
+                        <i class="fas fa-bolt text-yellow-400 text-xs mr-1 animate-pulse"></i>
+                        <span>$98,765</span>
+                    </div>
                 </div>
-                <div class="absolute inset-0 bg-gradient-to-br from-yellow-900/10 to-transparent"></div>
+                <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-yellow-400/20 to-transparent"></div>
             </div>
             
-            <div class="glass-panel px-4 py-2 rounded-full relative overflow-hidden">
-                <div class="flex items-center justify-between space-x-4">
-                    <div class="text-xs text-gray-400">GRAND</div>
-                    <i class="fas fa-circle text-red-500 text-xs animate-pulse"></i>
-                    <div class="text-sm font-bold text-niogold">$1.2M</div>
+            <div class="glass-panel px-4 py-1 rounded-full relative overflow-hidden group hover:shadow-glow transition-all duration-300">
+                <div class="flex flex-col items-center">
+                    <div class="text-xs uppercase font-medium text-gray-400 group-hover:text-niogold transition-colors">Grand</div>
+                    <div class="text-sm font-bold text-niogold flex items-center">
+                        <i class="fas fa-fire text-red-400 text-xs mr-1 animate-pulse"></i>
+                        <span>$1.2M</span>
+                    </div>
                 </div>
-                <div class="absolute inset-0 bg-gradient-to-br from-red-900/10 to-transparent"></div>
+                <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-red-400/20 to-transparent"></div>
             </div>
         </div>
 <!-- Hero Banner -->