Standardize design across all pages - consistent dark gradient theme, typography, and card styling

src/components/HomePage.tsx

@@ -129,8 +129,8 @@ export default function HomePage({ prayers, todayCount, onStartPraying, onSelect
         </div>
 
         {/* Header with Personalized Greeting */}
-        <div className="max-w-md mx-auto mb-12">
-          <h1 className="text-4xl font-bold text-white mb-3">
+        <div className="max-w-md mx-auto mb-12 text-center">
+          <h1 className="text-4xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent mb-3">
             {getGreeting()}, {getFirstName()}!
           </h1>
           {activePrayerCount > 0 ? (