added form validation

SurveyFrontend/src/components/RegisterForm/RegisterForm.module.css

@@ -28,12 +28,12 @@
     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: 1px solid rgba(0, 0, 0, 0.2);
     padding: 5px 0;
-    opacity: 1; /* Установите opacity в 1 для input, а для placeholder используйте opacity */
+    opacity: 1;
 }
 
 .input::placeholder {
@@ -41,11 +41,11 @@
     font-weight: 600;
     line-height: 88%;
     color: #000000;
-    opacity: 0.2; /* Прозрачность placeholder */
+    opacity: 0.2;
 }
 
 .input:focus::placeholder {
-    opacity: 0; /* Убираем placeholder при фокусе */
+    opacity: 0;
 }
 
 /* Отключаем стиль для input, когда в нём есть данные */
@@ -81,4 +81,23 @@
 .recommendationLink{
     color: #3788D6;
     margin-left: 5px;
+}
+
+.emailContainer{
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+}
+
+.emailContainer .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;
+    margin: 0;
 }