feat: impact section to break up cards

site/index.html

@@ -56,7 +56,7 @@
         max-width: 100%;
       }
       
-      .card:hover {
+      .card:hover, .stat-card:hover {
         transform: translateY(-4px);
         box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
       }
@@ -190,6 +190,7 @@
         background: white;
         border-radius: 12px;
         border: 2px solid #e0e0e0;
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
       }
       
       .stat-number {
@@ -977,6 +978,16 @@
         </p>
       </section>
 
+      <section class="fade-in" role="region" aria-labelledby="sustainability-impact">
+        <h2 id="sustainability-impact">Growing Responsibly, Together</h2>
+        <p style="font-size: 1.1rem;">
+          As our community continues to grow, so does our responsibility to maintain the infrastructure, tools, and services that make it all possible. Every new member, every question answered, and every project launched requires resources - servers, development time, and ongoing maintenance.
+        </p>
+        <p>
+          We're committed to keeping our core services free and accessible while being transparent about what it takes to sustain them. Your support directly enables us to continue offering mentorship, maintaining our open-source projects, and building new tools that serve communities worldwide.
+        </p>
+      </section>
+
       <!-- Donation CTA Card -->
       <section class="card fade-in" role="region" aria-labelledby="donation-cta">
         <h2 id="donation-cta" style="margin-top: 0; text-align: center;">Support Our Mission</h2>