fix: update hero section styling and add theme management script

Author: csharpfritz

Web/Pages/Index.cshtml

@@ -37,7 +37,7 @@
 }
 
 <!-- Hero Section -->
-<div class="hero-section bg-primary bg-gradient text-white py-4 mb-4 rounded">
+<div class="hero-section bg-primary bg-gradient text-white py-4 mb-4 rounded-4">
     <div class="container">
         <div class="row align-items-center"><div class="col-lg-7 col-md-8">                
                 <h1 class="display-3 fw-bold mb-3 brand-title">Copilot That Jawn</h1>

Web/Pages/Shared/_Layout.cshtml

@@ -6,6 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="@(ViewData["Description"] ?? "Where Philly innovation meets AI excellence. Master Microsoft Copilot and GitHub Copilot with our expert-curated tips.")" />
     <title>@ViewData["Title"] - Copilot That Jawn</title>
+      <!-- Prevent theme flash -->
+    <script>
+        (function() {
+            const theme = localStorage.getItem('theme') || 'auto';
+            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            const isDark = theme === 'dark' || (theme === 'auto' && prefersDark);
+            document.documentElement.setAttribute('data-theme', theme);
+            document.documentElement.setAttribute('data-theme-resolved', isDark ? 'dark' : 'light');
+            if (isDark) {
+                document.documentElement.classList.add('theme-dark');
+            } else {
+                document.documentElement.classList.add('theme-light');
+            }
+        })();
+    </script>
 
     <!-- Feeds and Sitemap -->
     <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml" />