diff --git a/client/src/index.css b/client/src/index.css
index 98629d1..d30e2c0 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -137,10 +137,36 @@
     animation: float 3s ease-in-out infinite;
   }
 
+  @keyframes shake {
+    0%, 100% {
+      transform: translateX(0) rotate(0deg);
+    }
+    10%, 30%, 50%, 70%, 90% {
+      transform: translateX(-2px) rotate(-1deg);
+    }
+    20%, 40%, 60%, 80% {
+      transform: translateX(2px) rotate(1deg);
+    }
+  }
+
+  .animate-shake {
+    animation: shake 0.5s ease-in-out infinite;
+  }
+
+  .animate-float-shake {
+    animation: float 3s ease-in-out infinite, shake 0.5s ease-in-out infinite;
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .animate-float {
       animation: none;
     }
+    .animate-shake {
+      animation: none;
+    }
+    .animate-float-shake {
+      animation: none;
+    }
   }
   
   .card-hover:hover {