/* Contact form additions */
.contact-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
  background: #fff;
}

.contact-form{ margin-top: 10px; }

.contact-field{
  display:flex;
  flex-direction:column;
  gap: 6px;
  margin-top: 12px;
}

.contact-field label{
  font-weight: 600;
  font-size: 14px;
}

.contact-field input,
.contact-field select,
.contact-field textarea{
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 12px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}

.contact-btn{
  margin-top: 14px;
  background: #2563eb;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 700;
  cursor: pointer;
}

.contact-btn:hover{ filter: brightness(0.96); }

.contact-alert{
  border-radius: 12px;
  padding: 12px 12px;
  margin: 10px 0 6px;
  border: 1px solid rgba(0,0,0,.10);
}

.contact-alert.success{
  background: rgba(34,197,94,.10);
  border-color: rgba(34,197,94,.25);
}

.contact-alert.error{
  background: rgba(220,38,38,.08);
  border-color: rgba(220,38,38,.22);
}