Update landing and styles; replace light theme video; refresh icons; tweak landing template; run app setup

static/landing.css

@@ -116,7 +116,7 @@ body {
     height: 100vh;
     object-fit: cover;
     z-index: -1;
-    background: #000;
+    background: #fff;
     opacity: .4;
     visibility: visible;
 }
@@ -143,7 +143,7 @@ body {
 .hero-subtitle {
     font-size: var(--font-size-xl);
     color: var(--text-primary);
-    max-width: 700px;
+    max-width: 600px;
     margin: 0 auto 6rem;
     line-height: 1.8;
     animation: fadeInUp 0.6s ease 0.2s both;
@@ -212,6 +212,7 @@ body {
     display: flex;
     align-items: center;
     justify-content: center;
+    z-index: 2;
 }
 
 .section-container {
@@ -232,6 +233,15 @@ body {
     margin-bottom: var(--space-md);
 }
 
+.section-subtitle {
+    font-size: var(--font-size-xl);      /* same as hero-subtitle */
+    color: var(--text-primary);          /* hero uses primary */
+    max-width: 600px;                    /* hero-subtitle width */
+    margin: 0 auto var(--space-4xl);     /* centered, comfortable bottom space */
+    line-height: 1.8;                     /* easier reading like hero */
+    animation: fadeInUp 0.6s ease 0.2s both; /* subtle entrance like hero */
+}
+
 .section-header p {
     font-size: var(--font-size-xl);
     color: var(--text-secondary);

static/style.css

@@ -9,7 +9,13 @@
 
 body {
     font-family: var(--font-family);
-    background: var(--bg-gray);
+    background: linear-gradient(to bottom, 
+    rgb(255, 255, 255) 0%, 
+    rgb(255, 255, 255) 5%, 
+    rgb(226, 218, 250) 30%, 
+    rgb(219, 239, 253) 80%, 
+    rgb(255, 255, 255) 95%, 
+    rgb(255, 255, 255) 100%);
     min-height: 100vh;
     display: flex;
     justify-content: center;

templates/landing.html

@@ -23,7 +23,7 @@
         <section class="hero-section">
             <!-- Video Background -->
                 <video class="hero-video" autoplay muted loop playsinline preload="auto">
-                    <source src="{{ url_for('static', filename='video/animation-light-theme.mp4') }}" type="video/mp4">
+                    <source src="{{ url_for('static', filename='video/Animation (Light theme).mp4') }}" type="video/mp4">
                     Your browser does not support the video tag.
                 </video>
             
@@ -33,8 +33,8 @@
                     Find Your Spiritual Journey
                 </h1>
                 <p class="hero-subtitle">
-                    Discover which spiritual or religious path aligns with your beliefs, values, and lifestyle. 
-                    Answer 8 thoughtful questions about your worldview.
+                    Discover the spiritual or religious path that resonates with your unique beliefs, values, and lifestyle.
+                    Answer 8 thoughtful questions to gain deep insights into your worldview.
                 </p>
                 
                 <div class="cta-buttons">
@@ -55,7 +55,9 @@
             <div class="section-container">
                 <div class="section-header">
                     <h2>What You'll Discover</h2>
-                    <p>Comprehensive insights into your spiritual journey</p>
+                    <p class="section-subtitle">
+                        After completing the assessment, explore your top 3 spiritual paths and ask questions through our interactive chat feature.
+                    </p>
                 </div>
 
                 <div class="features-grid">