сделал form

assets/css/gp-style-core.css

@@ -99,6 +99,7 @@
     --text-white: #fff;
     --text-black: #121212;
     --text-dark: #2b2b3b;
+    --text-grey: #999;
 
     /* background */
     --background-white: #fff;
@@ -261,6 +262,7 @@ button{
 }
 /* mini-profile */
 
+
 /* main-menu */
 .main-menu{
   display: flex;
@@ -322,5 +324,74 @@ button{
   background-repeat: no-repeat;
   background-size: contain;
 }
+/* main-menu */
 
-/* main-menu */
+
+/* form */
+.form{
+  width: 100%;
+
+  padding: 24px 24px 43px;
+
+  display: flex;
+  flex-direction: column;
+
+  border-radius: 24px;
+  background: var(--gradient-turquoise);
+}
+.form__item{
+  margin-top: 16px;
+}
+.form__title{
+  font-family: var(--font-family);
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 133%;
+  color: var(--text-black);
+}
+.form__input{
+  width: 100%;
+
+  border-radius: 20px;
+  padding: 12px 16px;
+  border: 1px solid var(--text-black);
+
+  background: var(--background-white);
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+
+  color: var(--text-black);
+}
+.form__input::placeholder{
+  color: var(--text-grey);
+}
+.form__input--textarea{
+  height: 96px;
+  resize: none;
+}
+.form__button{
+  width: 100%;
+
+  padding: 12px 24px;
+
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 20px;
+  line-height: 120%;
+  color: var(--text-white);
+
+  border-radius: 16px;
+  border: none;
+  background: var(--background-black);
+
+  cursor: pointer;
+
+  transition: background-color .2s ease-out;
+}
+.form__button:hover{
+  opacity: .8;
+}
+/* form */