feat(ui): unify site visual language across key pages

src/styles/global.css

@@ -195,6 +195,22 @@
 
 /* Animation utilities */
 @layer utilities {
+  .page-hero-overlay {
+    @apply absolute inset-0 pointer-events-none bg-gradient-to-br from-blue-900/20 via-primary/10 to-orange-900/20 dark:from-blue-900/30 dark:via-primary/20 dark:to-orange-900/30;
+  }
+
+  .page-title-gradient {
+    @apply bg-gradient-to-r from-gray-900 via-primary to-orange-600 dark:from-white dark:via-blue-200 dark:to-orange-300 bg-clip-text text-transparent;
+  }
+
+  .page-surface {
+    @apply rounded-2xl border border-border/70 bg-background/75 backdrop-blur-sm shadow-sm;
+  }
+
+  .page-section-soft {
+    @apply bg-primary/5 dark:bg-primary/10;
+  }
+
   .animate-fade-in {
     animation: fadeIn 0.6s ease-out forwards;
   }