fix: Update strength bar animation class and remove unused keyframes

Author: 0xPacman

src/components/PasswordGenerator.vue

@@ -150,7 +150,7 @@
         </div>
         <div class="w-full bg-dark-700 rounded-full h-2">
           <div
-            :class="[strengthColor.replace('text-', 'bg-'), 'strength-bar-glow']"
+            :class="[strengthColor.replace('text-', 'bg-'), 'strength-bar-shadow']"
             class="h-2 rounded-full transition-all duration-500"
             :style="{ width: strengthPercentage + '%' }"
           ></div>

src/style.css

@@ -27,18 +27,14 @@
   }
 }
 
-@keyframes yellow-glow {
-  0%, 100% {
-    box-shadow: 0 0 5px rgba(234, 179, 8, 0.4), 0 0 10px rgba(234, 179, 8, 0.2);
-  }
-  50% {
-    box-shadow: 0 0 10px rgba(234, 179, 8, 0.6), 0 0 20px rgba(234, 179, 8, 0.3);
-  }
-}
-
 @layer components {
   .card {
     @apply bg-dark-900 border border-dark-700 rounded-2xl backdrop-blur-sm relative;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+    transition: all 0.3s ease;
+  }
+  
+  .card:hover {
     animation: rgb-glow 4s ease-in-out infinite;
   }
 
@@ -66,8 +62,8 @@
     @apply w-5 h-5 text-primary-500 bg-dark-800 border-dark-600 rounded focus:ring-primary-500 focus:ring-2;
   }
 
-  .strength-bar-glow {
-    animation: yellow-glow 2s ease-in-out infinite;
+  .strength-bar-shadow {
+    box-shadow: 0 2px 8px rgba(234, 179, 8, 0.2);
     border-radius: 9999px;
   }
 }