Center hero section text and buttons on mobile viewport

Author: pc-study

index.html

@@ -122,6 +122,10 @@
 @media(max-width:900px){
   .hero-inner{grid-template-columns:1fr;gap:40px}
   .hero-right{order:-1}
+  .hero-left{text-align:center}
+  .hero-badge{justify-content:center}
+  .hero-desc{margin-left:auto;margin-right:auto}
+  .hero-btns{justify-content:center}
   .stats-grid{grid-template-columns:repeat(2,1fr)}
   .feat-grid{grid-template-columns:1fr}
   .modes-grid{grid-template-columns:1fr}