STYLING FOR FROM CSS

 body {

  background-color: #f0f0f0;

  font-family: Arial, sans-serif;

  display: flex;

  height: 100vh;

  justify-content: center;

  align-items: center;

}

.form-container {

  background: white;

  padding: 25px 30px;

  border-radius: 12px;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

  width: 320px;

}

h2 {

  text-align: center;

  color: #333;

  margin-bottom: 20px;

}

input, textarea {

  width: 100%;

  margin-bottom: 15px;

  padding: 10px;

  border: 1px solid #aaa;

  border-radius: 6px;

}

button {

  background-color: #28a745;

  color: white;

  border: none;

  padding: 10px;

  width: 100%;

  border-radius: 6px;

  cursor: pointer;

  font-weight: bold;

}

button:hover {

  background-color: #218838;

}