сократи расстояние после элементов до следующего блока, слишком растянуто

index.html

@@ -62,12 +62,11 @@
                 </div>
             </div>
         </section>
-
         <!-- How It Works -->
-        <section id="how-it-works" class="py-20 px-4 bg-black bg-opacity-70">
-            <div class="max-w-6xl mx-auto">
-                <h2 class="text-4xl font-bold text-center mb-16 glow-text">
-                    <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">How CrashHack Predictor Works</span>
+        <section id="how-it-works" class="py-12 px-4 bg-black bg-opacity-70">
+<div class="max-w-6xl mx-auto">
+                <h2 class="text-4xl font-bold text-center mb-8 glow-text">
+<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">How CrashHack Predictor Works</span>
                 </h2>
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <div class="bg-gradient-to-b from-gray-800 to-gray-900 p-8 rounded-xl shadow-xl border border-gray-700">
@@ -106,15 +105,14 @@
                 </div>
             </div>
         </section>
-
         <!-- CTA Section -->
-        <section class="py-20 px-4 bg-gradient-to-r from-purple-900 to-blue-900">
-            <div class="max-w-4xl mx-auto text-center">
+        <section class="py-12 px-4 bg-gradient-to-r from-purple-900 to-blue-900">
+<div class="max-w-4xl mx-auto text-center">
                 <h2 class="text-4xl md:text-5xl font-bold mb-6">
                     Ready to <span class="text-transparent bg-clip-text bg-gradient-to-r from-green-400 to-blue-500">Start Winning</span>?
                 </h2>
-                <p class="text-xl mb-8 max-w-2xl mx-auto">
-                    Join <span class="font-bold">10,000+</span> players who use CrashHack Predictor daily to maximize their profits.
+                <p class="text-xl mb-6 max-w-2xl mx-auto">
+Join <span class="font-bold">10,000+</span> players who use CrashHack Predictor daily to maximize their profits.
                 </p>
                 <div class="flex flex-col sm:flex-row justify-center gap-4">
                     <a href="https://t.me/CrashHackPredictorBot" class="bg-white text-purple-900 hover:bg-gray-100 font-bold py-5 px-10 rounded-full text-xl shadow-2xl transform hover:scale-105 transition-all duration-300 flex items-center justify-center">
@@ -139,10 +137,9 @@
                 </div>
             </div>
         </section>
-
         <!-- Footer -->
-        <footer class="py-8 px-4 bg-black bg-opacity-80">
-            <div class="max-w-6xl mx-auto flex flex-col md:flex-row justify-between items-center">
+        <footer class="py-6 px-4 bg-black bg-opacity-80">
+<div class="max-w-6xl mx-auto flex flex-col md:flex-row justify-between items-center">
                 <div class="mb-4 md:mb-0">
                     <h3 class="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">
                         CrashHack Predictor