diff --git a/index.php b/index.php
index 7388022..cfa9ba7 100644
--- a/index.php
+++ b/index.php
@@ -125,17 +125,20 @@ $liveIndex = get_live_index($schedule);
             width: 100%;
             height: 100%;
             z-index: -1;
-            background: linear-gradient(135deg, rgba(15, 23, 42, 0.3) 0%, rgba(15, 23, 42, 0.5) 100%);
+            background: radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 40%),
+                        radial-gradient(circle at bottom left, rgba(244, 114, 182, 0.1), transparent 40%),
+                        linear-gradient(135deg, rgba(15, 23, 42, 0.4) 0%, rgba(15, 23, 42, 0.7) 100%);
         }
 
         /* Floating Microphones Effect */
         .floating-mic {
             position: absolute;
-            color: rgba(255, 255, 255, 0.07);
-            font-size: 3rem;
+            color: var(--mic-color, rgba(255, 255, 255, 0.1));
+            font-size: 3.5rem;
             z-index: 0;
             pointer-events: none;
             animation: float-and-rotate 25s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+            filter: drop-shadow(0 0 15px var(--mic-color));
         }
 
         @keyframes float-and-rotate {
@@ -143,10 +146,10 @@ $liveIndex = get_live_index($schedule);
                 transform: translate(0, 0) rotate(0deg) scale(0.8);
                 opacity: 0;
             }
-            15% { opacity: 0.12; }
-            85% { opacity: 0.12; }
+            15% { opacity: 0.4; }
+            85% { opacity: 0.4; }
             100% {
-                transform: translate(var(--move-x), var(--move-y)) rotate(360deg) scale(1.2);
+                transform: translate(var(--move-x), var(--move-y)) rotate(360deg) scale(1.4);
                 opacity: 0;
             }
         }
@@ -570,16 +573,18 @@ $liveIndex = get_live_index($schedule);
     <audio id="radio-audio" src="https://listen.radioking.com/radio/828046/stream/897251" preload="none"></audio>
 
     <script>
-        // Mics background
+        // Mics background with vibrant colors
         const micBg = document.getElementById("mics-background");
-        for (let i = 0; i < 15; i++) {
+        const micColors = ["#00e676", "#38bdf8", "#f472b6", "#fbbf24", "#fb7185", "#2dd4bf"];
+        for (let i = 0; i < 18; i++) {
             const mic = document.createElement("i");
             mic.className = "bi bi-mic-fill floating-mic";
             mic.style.left = Math.random() * 100 + "vw";
             mic.style.top = Math.random() * 100 + "vh";
-            mic.style.setProperty("--move-x", (Math.random() - 0.5) * 400 + "px");
-            mic.style.setProperty("--move-y", (Math.random() - 0.5) * 400 + "px");
-            mic.style.animationDelay = Math.random() * -20 + "s";
+            mic.style.setProperty("--mic-color", micColors[Math.floor(Math.random() * micColors.length)]);
+            mic.style.setProperty("--move-x", (Math.random() - 0.5) * 600 + "px");
+            mic.style.setProperty("--move-y", (Math.random() - 0.5) * 600 + "px");
+            mic.style.animationDelay = Math.random() * -25 + "s";
             micBg.appendChild(mic);
         }