diff --git a/src/styles/globals.css b/src/styles/globals.css
index 408b8e1..e9465db 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1246,6 +1246,42 @@ input[type="range"]::-moz-range-thumb {
   background: radial-gradient(circle, rgba(var(--color-accent-500), 0.7) 0%, transparent 70%);
 }
 
+/* Mobile: brighter and faster animations */
+@media (max-width: 768px) {
+  .wave-blob {
+    opacity: 0.7;
+    filter: blur(50px);
+  }
+
+  .wave-blob-1 {
+    width: 300px;
+    height: 300px;
+    background: radial-gradient(circle, rgba(var(--color-accent-500), 0.8) 0%, transparent 70%);
+    animation: wave1-mobile 12s ease-in-out infinite;
+  }
+
+  .wave-blob-2 {
+    width: 280px;
+    height: 280px;
+    background: radial-gradient(circle, rgba(59, 130, 246, 0.8) 0%, transparent 70%);
+    animation: wave2-mobile 15s ease-in-out infinite;
+  }
+
+  @keyframes wave1-mobile {
+    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
+    25% { transform: translate3d(15%, 20%, 0) scale(1.1); }
+    50% { transform: translate3d(5%, 35%, 0) scale(1.15); }
+    75% { transform: translate3d(20%, 10%, 0) scale(1.05); }
+  }
+
+  @keyframes wave2-mobile {
+    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
+    25% { transform: translate3d(-20%, -15%, 0) scale(1.15); }
+    50% { transform: translate3d(-10%, -30%, 0) scale(1.1); }
+    75% { transform: translate3d(-25%, -5%, 0) scale(1.05); }
+  }
+}
+
 /* Disable animations for reduced motion preference */
 @media (prefers-reduced-motion: reduce) {
   .wave-blob {