add glowing effect for all borders - Follow Up Deployment

index.html

@@ -41,6 +41,29 @@
             -webkit-backdrop-filter: blur(10px);
             border: 1px solid rgba(212, 175, 55, 0.3);
             border-radius: 12px;
+            box-shadow: 0 0 10px rgba(212, 175, 55, 0.3), 
+                        inset 0 0 10px rgba(212, 175, 55, 0.2);
+            position: relative;
+        }
+        
+        .glass-panel::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            border-radius: 12px;
+            border: 1px solid transparent;
+            background: linear-gradient(45deg, 
+                      rgba(212, 175, 55, 0.2), 
+                      rgba(125, 60, 152, 0.2), 
+                      rgba(212, 175, 55, 0.2)) border-box;
+            -webkit-mask: linear-gradient(#fff 0 0) padding-box, 
+                          linear-gradient(#fff 0 0);
+            -webkit-mask-composite: destination-out;
+            mask-composite: exclude;
+            pointer-events: none;
         }
         
         .premium-gradient {
@@ -48,12 +71,41 @@
         }
         
         .card-hover {
-            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
+            border: 1px solid transparent;
+            position: relative;
+        }
+        
+        .card-hover::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            border-radius: inherit;
+            padding: 1px;
+            background: linear-gradient(45deg, 
+                      rgba(212, 175, 55, 0.6), 
+                      rgba(125, 60, 152, 0.6), 
+                      rgba(212, 175, 55, 0.6));
+            -webkit-mask: linear-gradient(#fff 0 0) content-box, 
+                          linear-gradient(#fff 0 0);
+            -webkit-mask-composite: destination-out;
+            mask-composite: exclude;
+            pointer-events: none;
+            opacity: 0;
+            transition: opacity 0.3s ease;
         }
         
         .card-hover:hover {
             transform: translateY(-5px);
-            box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4), 0 0 20px rgba(125, 60, 152, 0.5);
+            box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4), 
+                       0 0 20px rgba(125, 60, 152, 0.5);
+        }
+        
+        .card-hover:hover::before {
+            opacity: 1;
         }
         
         .marquee-container {
@@ -98,6 +150,31 @@
         .category-btn.active {
             background: linear-gradient(to right, #D4AF37, #7D3C98);
             box-shadow: 0 0 15px rgba(212, 175, 55, 0.7);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .category-btn.active::after {
+            content: '';
+            position: absolute;
+            top: -2px;
+            left: -2px;
+            right: -2px;
+            bottom: -2px;
+            border-radius: 9999px;
+            background: linear-gradient(45deg, 
+                      rgba(212, 175, 55, 0.8), 
+                      rgba(125, 60, 152, 0.8), 
+                      rgba(212, 175, 55, 0.8));
+            z-index: -1;
+            filter: blur(2px);
+            animation: borderGlow 2s linear infinite;
+        }
+        
+        @keyframes borderGlow {
+            0% { opacity: 0.8; }
+            50% { opacity: 1; }
+            100% { opacity: 0.8; }
         }
         
         .vip-gradient-bg {