style: modernize headers for About/Events/Members/Orphanage/Contact/Gallery using brand-surface; simplify copy; fix date sort; unify CTA

src/pages/index.astro

@@ -173,7 +173,7 @@ import HomeGallery from '../components/HomeGallery.astro';
   </section>
 
   <!-- Donation Section -->
-  <section class="section combined-flag-gradient text-white text-center relative overflow-hidden" data-animate-on-scroll="fade-in">
+  <section class="section brand-surface text-white text-center relative overflow-hidden" data-animate-on-scroll="fade-in">
     <div class="absolute top-10 left-10 w-32 h-32 bg-white/10 rounded-full animate-float"></div>
     <div class="absolute bottom-10 right-10 w-24 h-24 bg-white/10 rounded-full animate-float animation-delay-1s"></div>
     
@@ -187,8 +187,7 @@ import HomeGallery from '../components/HomeGallery.astro';
       </div>
       
       <h2 class="font-headline text-5xl font-bold mb-6 leading-tight">
-        Make A Donation For Our Various 
-        <span class="bg-clip-text text-transparent bg-gradient-to-r from-white to-kente-gold-200">Projects</span>
+        Support Our <span class="text-kente-gold-200">Community Programs</span>
       </h2>
       
       <p class="text-lg opacity-90 leading-relaxed max-w-3xl mx-auto mb-8">
@@ -207,7 +206,7 @@ import HomeGallery from '../components/HomeGallery.astro';
       </div>
       
       <a href="/donate" class="btn btn-lg bg-white text-ankara-red-600 hover:bg-gray-100 shadow-xl hover:shadow-2xl">
-        ❤️ DONATE NOW ✈️
+        ❤️ Donate now
       </a>
     </div>
   </section>