html {
  color-scheme: light;
  font-size: 16px;
}

body {
  min-height: 100vh;
}

input,
select,
textarea {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid rgb(214 211 209);
  background: rgba(255, 255, 255, 0.9);
  padding: 0.625rem 0.75rem;
  color: #3f3a37;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #b7cbb2;
  box-shadow: 0 0 0 3px rgba(183, 203, 178, 0.35);
  outline: none;
}

label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgb(87 83 78);
  margin-bottom: 0.35rem;
}

.field-validation-error,
.validation-summary-errors {
  color: rgb(190 18 60);
  font-size: 0.875rem;
}

.form-card {
  border: 1px solid rgb(231 229 228);
  background: rgba(255, 255, 255, 0.82);
  border-radius: 0.5rem;
  padding: 1rem;
  box-shadow: 0 18px 45px rgba(63, 58, 55, 0.07);
}