Новые компоенÑСодаÐзданÑа форма ÐаÐутентификациÐи

frontend/src/components/home/Hero.astro

@@ -20,7 +20,7 @@ const lawyerImageUrl = "/images/home/heroImg.jpg";
     <!-- Оверлей для синего оттенка фона -->
     <div class="hero-overlay"></div>
 
-    <div class="hero-container">
+    <div class="site-container hero-grid">
 
         <!-- Левая колонка: Текст -->
         <div class="hero-content">
@@ -97,18 +97,15 @@ const lawyerImageUrl = "/images/home/heroImg.jpg";
         z-index: 1;
     }
 
-    /* Контейнер для выравнивания */
-    .hero-container {
+    /* Сетка для контента Hero */
+    .hero-grid {
         position: relative;
         z-index: 2; /* Поверх оверлея */
-        width: 100%;
-        max-width: var(--site-max-width);
-        margin: 0 auto;
-        padding: 2rem;
         display: flex;
         justify-content: space-between;
         align-items: center;
         gap: 4rem;
+        padding: 2rem;
     }
 
     /* --- Левая часть (Текст) --- */
@@ -274,7 +271,7 @@ const lawyerImageUrl = "/images/home/heroImg.jpg";
 
     /* --- Адаптивность --- */
     @media (max-width: 1024px) {
-        .hero-container {
+        .hero-grid {
             flex-direction: column;
             text-align: center; /* Центрируем контент на планшетах */
             padding: 4rem 2rem;