fix style

assets/css/style.css

@@ -33,6 +33,7 @@
 
 body {
   margin: 0;
+  padding: 28px 16px;
   background: var(--bg);
   color: var(--text);
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
@@ -43,19 +44,24 @@ body {
 .container {
   max-width: 860px;
   margin: 0 auto;
-  padding: 0 20px 80px;
+  padding: 0 20px 40px;
 }
 
 /* Hero */
 .hero {
+  max-width: 900px;
+  margin: 0 auto;
   background: linear-gradient(135deg, var(--hero-from), var(--hero-to));
-  padding: 64px 20px 100px;
+  padding: 64px 0 100px;
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
   color: #fff;
 }
 
 .hero-inner {
   max-width: 860px;
   margin: 0 auto;
+  padding: 0 20px;
   display: flex;
   align-items: center;
   gap: 32px;
@@ -289,8 +295,12 @@ body {
 }
 
 @media (max-width: 600px) {
+  body {
+    padding: 14px 10px;
+  }
   .hero {
-    padding: 48px 16px 90px;
+    padding: 48px 0 90px;
+    border-radius: 14px;
     text-align: center;
   }
   .hero-inner {