fixing overflow

website/public/styles/global.css

@@ -188,7 +188,7 @@ a:hover {
   :root:not([data-theme="dark"]) .logo-icon-light {
     display: block;
   }
-  
+
   :root:not([data-theme="dark"]) .logo-icon-dark {
     display: none;
   }
@@ -290,10 +290,9 @@ a:hover {
 /* Hero Section */
 .hero {
   background: var(--gradient-hero), var(--color-bg);
-  padding: 100px 0 80px;
+  padding: 100px 0 50px;
   text-align: center;
   position: relative;
-  overflow: hidden;
 }
 
 .hero::before {
@@ -1404,20 +1403,20 @@ a:hover {
   .main-nav {
     display: none;
   }
-  
+
   .hero h1 {
     font-size: 32px;
   }
-  
+
   .hero-subtitle {
     font-size: 16px;
   }
-  
+
   .steps {
     grid-template-columns: 1fr;
     gap: 32px;
   }
-  
+
   .cards-grid {
     grid-template-columns: 1fr;
   }
@@ -1431,12 +1430,12 @@ a:hover {
     top: 20px;
     right: 20px;
   }
-  
+
   .resource-item {
     flex-direction: column;
     align-items: stretch;
   }
-  
+
   .resource-actions {
     justify-content: flex-end;
   }