From 791f70932d4d171e2e8c508617c7bd2d443bbdaa Mon Sep 17 00:00:00 2001
From: adlevin <adlevin@phoenixit.ru>
Date: Mon, 29 Sep 2025 17:34:02 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BC=D0=B5=D0=BD=D1=8C=D1=88=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D0=B0?=
 =?UTF-8?q?=20=D1=81=D0=BB=D0=B0=D0=B9=D0=B4=D0=B5=D1=80=D0=B0=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D1=8C=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B9=20=D0=B2=D0=B5=D1=80=D1=81=D0=B8=D0=B8=20=D1=81=D0=B0?=
 =?UTF-8?q?=D0=B9=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/main.css | 36 +++++++++++++++++++++++++++++++-----
 1 file changed, 31 insertions(+), 5 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index f9308b3..930c803 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -309,10 +309,15 @@ a:hover {
     z-index: 2;
     width: 40%;
     padding: 2rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
 }
 
 .hero-text {
     color: var(--secondary-color);
+    text-align: center;
 }
 
 .hero-title {
@@ -332,6 +337,7 @@ a:hover {
     display: flex;
     gap: 0.75rem;
     flex-wrap: wrap;
+    justify-content: center;
 }
 
 .hero-buttons .btn {
@@ -954,7 +960,7 @@ a:hover {
     }
     
     .hero {
-        height: 100vh;
+        height: 80vh;
         margin-top: 80px;
     }
     
@@ -971,14 +977,19 @@ a:hover {
     
     .hero-content {
         width: 100%;
-        padding: 1rem 1.5rem 2rem;
+        padding: 1.5rem 1.5rem 2rem;
         background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        min-height: 45%;
     }
     
     .hero-image {
         position: relative;
         width: 100%;
-        height: 65%;
+        height: 55%;
         order: -1;
     }
     
@@ -1086,12 +1097,27 @@ a:hover {
 }
 
 @media (max-width: 480px) {
+    .hero {
+        height: 70vh;
+    }
+    
+    .hero-content {
+        min-height: 50%;
+        padding: 1rem 1rem 1.5rem;
+    }
+    
+    .hero-image {
+        height: 50%;
+    }
+    
     .hero-title {
-        font-size: 2rem;
+        font-size: 1.8rem;
+        margin-bottom: 0.8rem;
     }
     
     .hero-subtitle {
-        font-size: 1rem;
+        font-size: 0.9rem;
+        margin-bottom: 1.2rem;
     }
     
     .btn {