add glass card animation for the header banner - Follow Up Deployment

index.html

@@ -50,6 +50,33 @@
             border-radius: 16px;
             overflow: hidden;
             position: relative;
+            transition: all 0.3s ease;
+        }
+
+        .glass-card:hover {
+            border-color: rgba(255, 215, 0, 0.3);
+            box-shadow: 0 0 20px rgba(255, 215, 0, 0.1);
+        }
+
+        .glass-card::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(
+                90deg,
+                transparent,
+                rgba(255, 215, 0, 0.1),
+                transparent
+            );
+            transition: none;
+        }
+
+        .glass-card:hover::after {
+            left: 100%;
+            transition: left 0.7s ease-in-out;
         }
         
         .glow-border {
@@ -66,11 +93,12 @@
             border-radius: inherit;
             box-shadow: 0 0 12px 2px rgba(255, 215, 0, 0.4), inset 0 0 10px rgba(255, 215, 0, 0.1);
             opacity: 0;
-            transition: opacity 0.3s ease;
+            transition: opacity 0.3s ease, box-shadow 0.3s ease;
         }
         
         .glow-border:hover::before {
             opacity: 1;
+            box-shadow: 0 0 20px 4px rgba(255, 215, 0, 0.6), inset 0 0 15px rgba(255, 215, 0, 0.2);
         }
         
         .pulse {