added form validation

SurveyFrontend/src/components/LoginForm/LoginForm.module.css

@@ -29,12 +29,30 @@
     font-size: 24px;
     font-weight: 600;
     line-height: 88%;
-    color: #000000; /* Цвет текста по умолчанию */
+    color: #000000;
     outline: none;
     border: none;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2); /* Нижняя граница с прозрачностью */
+    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
     padding: 5px 0;
-    opacity: 1; /* Установите opacity в 1 для input, а для placeholder используйте opacity */
+    opacity: 1;
+}
+
+.password_container{
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+}
+
+.password_container .error{
+    border-bottom: 2px solid rgba(192, 35, 31, 1);
+}
+
+.errorMessage{
+    text-align: left;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 88%;
+    color: #C0231F;
 }
 
 .input::placeholder {
@@ -42,21 +60,20 @@
     font-weight: 600;
     line-height: 88%;
     color: #000000;
-    opacity: 0.2; /* Прозрачность placeholder */
+    opacity: 0.2;
 }
 
 .input:focus::placeholder {
-    opacity: 0; /* Убираем placeholder при фокусе */
+    opacity: 0;
 }
 
-/* Отключаем стиль для input, когда в нём есть данные */
 .input:not(:placeholder-shown) {
     color: black;
     opacity: 1;
 }
 
 .input:focus {
-    border-bottom: 1px solid black; /* Чёрная граница при фокусе */
+    border-bottom: 2px solid black;
 }
 
 .signIn{