Unify gradients and text: standardize app/page.tsx backgrounds; set Clock to white text for dark theme consistency

src/app/page.tsx

@@ -184,7 +184,7 @@ export default function Home() {
 
   if (authLoading) {
     return (
-      <div className="min-h-screen bg-gradient-to-br from-slate-900 via-black to-slate-800 flex items-center justify-center p-4">
+      <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 flex items-center justify-center p-4">
         <div className="text-center">
           <div className="mb-8 relative">
             <div className="w-24 h-24 mx-auto relative">
@@ -224,7 +224,7 @@ export default function Home() {
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 md:pb-0" style={{ paddingBottom: 'calc(6rem + var(--safe-area-inset-bottom))' }}>
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 md:pb-0" style={{ paddingBottom: 'calc(6rem + var(--safe-area-inset-bottom))' }}>
       <ReminderBanner userEmail={user.email || undefined} />
       <BottomNav activeTab={activeTab} onTabChange={setActiveTab} />
 

src/components/Clock.tsx

@@ -29,7 +29,7 @@ export default function Clock() {
 
   return (
     <div className="text-center">
-      <div className="text-6xl font-bold text-slate-900 dark:text-white font-mono tracking-tight">
+      <div className="text-6xl font-bold text-white font-mono tracking-tight">
         {time || '--:--:--'}
       </div>
     </div>