fix: replace invalid @Keyframes * with proper reduced-motion media query

Author: mabdullahabid

styles/global.css

@@ -115,7 +115,11 @@ h1, h2, h3, h4, h5, h6 {
   transition-timing-function: ease;
 }
 
-/* But not for animations */
-@keyframes * {
-  transition: none !important;
+/* Reduced motion: disable all animations */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
 }