Обновление стилей и функционала главной страницы, добавление новых изображений и замена логотипа на SVG

assets/css/main.css

@@ -222,6 +222,7 @@ a:hover {
     height: 100vh;
     overflow: hidden;
     margin-top: 80px;
+    background-color: var(--secondary-color);
 }
 
 .hero-slider {
@@ -260,7 +261,7 @@ a:hover {
 .hero-content {
     position: relative;
     z-index: 2;
-    width: 50%;
+    width: 40%;
     padding: 2rem;
 }
 
@@ -282,15 +283,20 @@ a:hover {
 
 .hero-buttons {
     display: flex;
-    gap: 1rem;
+    gap: 0.75rem;
     flex-wrap: wrap;
 }
 
+.hero-buttons .btn {
+    padding: 10px 20px;
+    font-size: 0.9rem;
+}
+
 .hero-image {
     position: absolute;
     top: 0;
     right: 0;
-    width: 50%;
+    width: 60%;
     height: 100%;
     z-index: 1;
 }
@@ -812,34 +818,52 @@ a:hover {
     }
     
     .hero {
-        height: 80vh;
+        height: 100vh;
         margin-top: 80px;
     }
     
     .hero-slide {
         flex-direction: column;
         text-align: center;
-        padding: 2rem 0;
+        padding: 0;
+        background: none;
+    }
+    
+    .hero-slide::before {
+        display: none;
     }
     
     .hero-content {
         width: 100%;
-        padding: 1rem;
+        padding: 1rem 1.5rem 2rem;
+        background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
     }
     
     .hero-image {
         position: relative;
         width: 100%;
-        height: 50%;
+        height: 65%;
         order: -1;
     }
     
     .hero-title {
-        font-size: 2.5rem;
+        font-size: 2rem;
+        margin-bottom: 1rem;
+    }
+    
+    .hero-subtitle {
+        font-size: 1rem;
+        margin-bottom: 1.5rem;
     }
     
     .hero-buttons {
         justify-content: center;
+        gap: 0.75rem;
+    }
+    
+    .hero-buttons .btn {
+        padding: 10px 20px;
+        font-size: 0.9rem;
     }
     
     .services-grid {