diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index c752f4f..f3f8f69 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -472,7 +472,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
               }}
               className={`rounded-full transition-colors duration-300 ease-in-out ${
                 index === currentIndex
-                  ? 'bg-gradient-to-r from-purple-500 to-blue-500'
+                  ? 'bg-gradient-to-r from-[#ec4c73] to-[#e91e63]'
                   : 'bg-white/25 hover:bg-white/40'
               }`}
               style={{
diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 8eeaf9a..95e2f4b 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -309,13 +309,13 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
             {duration > 0 && (
               <div className="absolute bottom-1 left-2 right-2 h-2 bg-black/40 rounded-full overflow-hidden backdrop-blur-sm border border-white/20">
                 <div 
-                  className="h-full bg-gradient-to-r from-cyan-400 to-purple-500 transition-all duration-200 ease-out shadow-lg relative"
+                  className="h-full bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-200 ease-out shadow-lg relative"
                   style={{ width: `${(currentTime / duration) * 100}%` }}
                 >
                   {/* Glow effect */}
-                  <div className="absolute inset-0 bg-gradient-to-r from-cyan-300 to-purple-400 opacity-60 blur-sm"></div>
+                  <div className="absolute inset-0 bg-gradient-to-r from-[#f57496] to-[#f06292] opacity-60 blur-sm"></div>
                   {/* Progress dot at the end */}
-                  <div className="absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2 w-3 h-3 bg-white rounded-full shadow-lg border-2 border-purple-400"></div>
+                  <div className="absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2 w-3 h-3 bg-white rounded-full shadow-lg border-2 border-[#ec4c73]"></div>
                 </div>
               </div>
             )}
diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx
index ff2295c..69dae01 100644
--- a/client/src/components/video-modal.tsx
+++ b/client/src/components/video-modal.tsx
@@ -505,7 +505,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
                   data-testid="progress-bar"
                 >
                   <div 
-                    className="h-full bg-gradient-to-r from-cyan-400 to-purple-500 rounded-full transition-all duration-200"
+                    className="h-full bg-gradient-to-r from-[#ec4c73] to-[#e91e63] rounded-full transition-all duration-200"
                     style={{ width: `${duration > 0 ? (currentTime / duration) * 100 : 0}%` }}
                   />