Upload folder using huggingface_hub

styles.css

@@ -3,7 +3,8 @@
     --bg-color: #ffffff;
     --text-primary: #111827;
     --text-secondary: #4b5563;
-    --accent-color: #2563eb; /* Electric Blue */
+    --accent-color: #2563eb;
+    /* Electric Blue */
     --accent-hover: #1d4ed8;
     --bg-alt: #f9fafb;
     --border-color: #e5e7eb;
@@ -25,7 +26,10 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
-h1, h2, h3, h4 {
+h1,
+h2,
+h3,
+h4 {
     font-weight: 700;
     letter-spacing: -0.025em;
     line-height: 1.2;
@@ -134,6 +138,7 @@ a {
     margin-bottom: 1.5rem;
     background: linear-gradient(to right, #111827, #4b5563);
     -webkit-background-clip: text;
+    background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
@@ -338,13 +343,23 @@ footer {
     .hero h1 {
         font-size: 2.5rem;
     }
-    
-    .content-grid, .content-columns, .split-layout, .conclusion-grid {
+
+    .content-grid,
+    .content-columns,
+    .split-layout,
+    .conclusion-grid {
         grid-template-columns: 1fr;
         gap: 2rem;
     }
-    
+
     .nav-links {
-        display: none; /* Simple hide for mobile for now */
+        display: none;
+        /* Simple hide for mobile for now */
     }
-}
+
+    .hero-visual {
+        height: auto;
+        aspect-ratio: 16/9;
+        /* Maintain aspect ratio on mobile to prevent blank space */
+    }
+}