body {

  font-family: Arial, sans-serif;

  background-color: #f7f7f7;

  color: #333;

  margin: 0;

  padding: 20px;

}


h2 {

  color: #0a6ed1;

  border-bottom: 2px solid #0a6ed1;

  padding-bottom: 10px;

}


form {

  background-color: #ffffff;

  border: 1px solid #ddd;

  border-radius: 5px;

  padding: 20px;

  max-width: 600px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}


label {

  display: block;

  margin-bottom: 5px;

  font-weight: bold;

}


input[type="text"],

input[type="date"],

input[type="email"],

select {

  width: 100%;

  padding: 10px;

  margin-bottom: 15px;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

}


input[type="checkbox"] {

  margin-right: 10px;

}


input[type="submit"] {

  background-color: #0a6ed1;

  color: #fff;

  padding: 10px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  font-size: 16px;

}


input[type="submit"]:hover {

  background-color: #084a9e;

}


select {

  background-color: #fff;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}


select:focus,

input[type="text"]:focus,

input[type="date"]:focus,

input[type="email"]:focus {

  border-color: #0a6ed1;

  outline: none;

}


option {

  padding: 10px;

}
