body {

  font-family: Arial, sans-serif;

  background: #f4f4f4;

  color: #222;

  margin: 0;

  padding: 20px;

}



h1 {

  text-align: center;

  margin-bottom: 20px;

}



form {

  max-width: 800px;

  margin: 0 auto;

  background: #fff;

  padding: 20px;

  border-radius: 8px;

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

}



label {

  display: block;

  margin-top: 10px;

  font-weight: bold;

}



input,

select,

textarea {

  width: 95%;

  padding: 8px;

  margin: 4px;

  border: 1px solid #ccc;

  border-radius: 4px;

  font-size: 14px;

}



input:focus,

select:focus,

textarea:focus {

  border-color: #66a3ff;

  outline: none;

  background: #f9fcff;

}



fieldset {

  border: none;

  margin: 0;

  padding: 0;

}



legend {

  font-weight: bold;

  margin-top: 15px;

}



input[type="submit"],

button {

  background: #4f67ff;

  color: #fff;

  border: none;

  padding: 10px 16px;

  border-radius: 4px;

  cursor: pointer;

  margin-top: 15px;

}



input[type="submit"]:hover,

button:hover {

  background: #3b51d1;

}


label.error {

  color: #d33;

  font-size: 13px;

  margin-top: 4px;

  display: block;

}



input.error,

select.error,

textarea.error {

  border-color: #ff6b6b;

  background: #fff7f7;

}



#messagebox {

  position: absolute;

  top: 20px;

  right: 20px;

  width: 250px;

  padding: 15px;

  border: 2px solid #666;

  display: none;

  background: #fff;

}