Make story page header match other pages

static/css/story.css

@@ -1,5 +1,13 @@
 /* Story Page Styles with Visual Boxes */
 
+.story-page .header {
+    background: transparent;
+    position: absolute;
+    width: 100%;
+    left: 0;
+    top: 0;
+}
+
 .story-page {
     background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);
     min-height: 100vh;
@@ -67,6 +75,7 @@
 }
 
 .story-page .content li {
+    list-style: none;
     margin-bottom: 0.75rem;
     padding-left: 1.5rem;
     position: relative;

static/css/style.css

@@ -583,6 +583,7 @@ main {
 /* Enhanced list styling */
 .content ul li,
 .content ol li {
+  list-style: none;
   color: #CBD5E1;
   margin-bottom: 0.8rem;
   position: relative;

themes/dontbechad/layouts/index.html

@@ -3,8 +3,12 @@
     <div class="hero-container">
         <h1 class="hero-title">{{ .Site.Title }}</h1>
         <p class="hero-tagline">{{ .Site.Params.tagline }}</p>
-        <p class="hero-description">{{ .Site.Params.description }}</p>
-        <p>Start your Bitcoin journey with real-world lessons from someone who's been there.</p>
+        <p class="hero-description">
+            {{ .Site.Params.description }}
+            <br />
+            Start your Bitcoin journey with real-world lessons from someone who's been there.
+        </p>
+        
         <div class="hero-buttons">
             <a href="{{ "/story/" | relURL }}" class="btn btn-primary">My Story</a>
             <a href="{{ "/resources/" | relURL }}" class="btn btn-secondary">Resources</a>