diff --git a/app/globals.css b/app/globals.css
index ac8b9479..6d78fc9c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -248,6 +248,32 @@
   .hide-scrollbar::-webkit-scrollbar {
     display: none;
   }
+
+  /* Dynamic Global Scrollbar */
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--background);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, #ff2a5f, #ff7a00);
+    border-radius: 9999px;
+    border: 3px solid var(--background); 
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(180deg, #ff4d7e, #ff9433);
+  }
+
+  /* Firefox Adaptive */
+  html {
+    scrollbar-width: thin;
+    scrollbar-color: #ff2a5f var(--background);
+  }
 }
 
 /* Respect user's reduced motion preference (WCAG 2.3) */