make impresseve logo for HER AyvWvlid

index.html

@@ -23,13 +23,40 @@
             color: #000;
             display: flex;
             align-items: center;
+            position: relative;
         }
         .logo-owner {
             font-size: 0.8rem;
             margin-right: 0.5rem;
             color: #666;
-        }
-        header {
+            position: relative;
+        }
+        .logo::after {
+            content: "";
+            position: absolute;
+            bottom: -5px;
+            left: 0;
+            width: 100%;
+            height: 2px;
+            background: linear-gradient(90deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff, #5f27cd);
+            background-size: 400% 400%;
+            animation: gradient 3s ease infinite;
+            border-radius: 10px;
+        }
+        @keyframes gradient {
+            0% { background-position: 0% 50%; }
+            50% { background-position: 100% 50%; }
+            100% { background-position: 0% 50%; }
+        }
+        .logo span {
+            background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+            animation: gradient 3s ease infinite;
+            background-size: 400% 400%;
+        }
+header {
             background-color: white;
             padding: 1rem 2rem;
             box-shadow: 0 2px 10px rgba(0,0,0,0.1);
@@ -110,7 +137,7 @@
             <span class="logo-owner">AyvWvlid</span>
             <span>HER</span>
         </div>
-        <nav>
+<nav>
             <ul>
                 <li><a href="#">الرئيسية</a></li>
                 <li><a href="#">المنتجات</a></li>