refactor(styles): move component-specific CSS into Astro components

- relocate header, footer, nav, hero, and page-hero styles into their owning components
- move blog index, blog post, team, video, insurance, CTA, and home-section styles out of the global sheet
- keep  focused on shared primitives such as buttons, cards, links, and list styling
- preserve existing layout and responsive behavior while reducing global CSS scope

www/src/components/BlogCard.astro

@@ -12,3 +12,9 @@ const readMore = { en: 'Read More', es: 'Leer Más', ar: 'اقرأ المزيد'
     <a class="text-link" href={href}>{readMore}</a>
   </div>
 </article>
+
+<style>
+  .blog-card-meta { align-items: center; display: flex; font-size: .78rem; gap: .75rem; }
+  .blog-card-meta img { aspect-ratio: 1; border-radius: 50%; height: 42px; width: 42px; }
+  .blog-card h3 { font-size: 1.35rem; }
+</style>