feat: world-class ChatHome redesign — unforgettable first impression

Hero:
- Dynamic greeting (Good morning/afternoon/evening/Night owl mode)
- Gradient tagline: 'What shall we build?' (blue→purple gradient text)
- Animated logo with entrance fade + continuous glow pulse

Background:
- Replaced repeating SVG pattern with ambient radial gradient
- Blue-purple glow on true black canvas
- Animated grain texture for living feel

Suggestion Cards:
- Glass morphism with backdrop-blur + subtle borders
- 2x2 grid layout with 4th 'Generate' card
- Staggered entrance animation (80ms delay, spring physics)
- Hover scale(1.02), active scale(0.98)
- 32px icons in 48px circular glowing backgrounds

Composer:
- Premium 20px border-radius
- Blue glow ring on focus
- Animated cycling placeholder text (4 variants)
- Enhanced 36px send button with press animation

Animations (globals.css):
- logo-glow: pulsing blue drop-shadow
- subtle-float: gentle vertical bob
- grain: animated noise texture

Author: BunsDev

app/globals.css

@@ -6377,3 +6377,61 @@ p {
     radial-gradient(circle at top right, rgba(255, 255, 255, 0.02), transparent 18%),
     linear-gradient(180deg, #050505 0%, #0a0a0a 100%);
 }
+
+/* ══════════════════════════════════════════════════════════════════
+   ChatHome Animations — World-class home screen effects
+   ══════════════════════════════════════════════════════════════════ */
+
+/* Logo glow pulse animation */
+@keyframes logo-glow {
+  0%, 100% {
+    filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.15));
+  }
+  50% {
+    filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.3));
+  }
+}
+
+/* Subtle floating animation */
+@keyframes subtle-float {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-4px);
+  }
+}
+
+/* Animated grain texture for background */
+@keyframes grain {
+  0%, 100% {
+    transform: translate(0, 0);
+  }
+  10% {
+    transform: translate(-5%, -10%);
+  }
+  20% {
+    transform: translate(-15%, 5%);
+  }
+  30% {
+    transform: translate(7%, -25%);
+  }
+  40% {
+    transform: translate(-5%, 25%);
+  }
+  50% {
+    transform: translate(-15%, 10%);
+  }
+  60% {
+    transform: translate(15%, 0);
+  }
+  70% {
+    transform: translate(0, 15%);
+  }
+  80% {
+    transform: translate(3%, 35%);
+  }
+  90% {
+    transform: translate(-10%, 10%);
+  }
+}