Reduce title boldness and add gradient effect

Changed content row titles to:
- font-semibold (less bold than before)
- Added gradient: #fafafa (very light grey) to #9ca3af (light grey)
- Used background-clip: text for gradient effect
- More subtle and elegant appearance

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/ContentRow.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="content-row">
-    <h2 class="text-xl md:text-2xl font-bold md:font-extrabold text-white mb-4 px-4 uppercase">
+    <h2 class="content-row-title text-xl md:text-2xl font-semibold text-white mb-4 px-4 uppercase">
       {{ title }}
     </h2>
     
@@ -117,6 +117,13 @@ onUnmounted(() => {
   display: none;
 }
 
+.content-row-title {
+  background: linear-gradient(to right, #fafafa, #9ca3af);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
 .glass-card {
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
   border: 1px solid rgba(255, 255, 255, 0.1);