@import url("Home.css");

.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.form .field{
  display:grid;
  gap:6px;
  margin-bottom:12px;
}

.form input,
.form textarea{
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:.7rem 1rem;
  color:var(--text);
}

.form input:focus,
.form textarea:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(47,191,167,.25);
  outline:none;
}

@media (max-width:860px){
  .contact-grid{
    grid-template-columns:1fr;
  }
}