Edit the page so the Facebook promotional pop-up becomes a sticky, fixed-position element that stays visible while scrolling.

index.html

@@ -151,10 +151,9 @@
             </div>
         </div>
     </main>
-
     <!-- Facebook Promo Popup -->
-    <div class="facebook-popup absolute right-8 bottom-1/4 z-20 hidden md:block">
-        <div class="holographic-panel bg-black/50 backdrop-blur-sm border-l-4 border-neonmagenta p-4 rounded-lg w-64">
+    <div class="facebook-popup hidden md:block">
+<div class="holographic-panel bg-black/50 backdrop-blur-sm border-l-4 border-neonmagenta p-4 rounded-lg w-64">
 <div class="flex items-center mb-2">
                 <i data-feather="facebook" class="w-5 h-5 mr-2 text-neonblue"></i>
                 <span class="font-bold text-white">Follow FIVExBET for Freespins</span>

style.css

@@ -256,8 +256,11 @@ footer i {
     animation: floatIn 1s ease-out forwards, pulse 2s infinite ease-in-out;
     opacity: 0;
     transform: translateX(20px);
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+    z-index: 1000;
 }
-
 @keyframes floatIn {
     to {
         opacity: 1;
@@ -279,8 +282,8 @@ footer i {
     box-shadow: 0 0 20px rgba(15, 240, 252, 0.3),
                 0 0 40px rgba(255, 0, 255, 0.3);
     transition: all 0.3s ease;
+    cursor: pointer;
 }
-
 .holographic-panel:hover {
     transform: scale(1.05);
 box-shadow: 0 0 30px rgba(15, 240, 252, 0.5),