diff --git a/src/views/Browse.vue b/src/views/Browse.vue
index e2faa81..63bcb7b 100644
--- a/src/views/Browse.vue
+++ b/src/views/Browse.vue
@@ -381,6 +381,15 @@ onUnmounted(() => {
   background: rgba(255, 255, 255, 0.1);
 }
 
+/* Hero Title Styles */
+.hero-title {
+  background: linear-gradient(to right, #fafafa, #9ca3af);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  letter-spacing: 0.05em; /* 5% character spacing */
+}
+
 /* Hero Button Styles */
 .hero-play-button {
   position: relative;