/* ===== CONTACT PAGE (page-specific only) =====
   Shared hero, stat-card, callout, form, and responsive
   styles live in components.css.
   ===== */

/* — Form Section Layout — */
.contact-form-layout{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;
}
.contact-form-wrap{
  background:var(--white);
  border:1px solid rgba(20,20,64,.07);
  border-radius:var(--radius);
  padding:40px;
  position:relative;overflow:hidden;
  box-shadow:0 20px 50px rgba(20,20,64,.06);
}
.contact-form{display:flex;flex-direction:column;gap:22px}
.contact-form .btn{align-self:flex-start}

/* — Responsive — */
@media(max-width:900px){
  .contact-form-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  .contact-form-wrap{padding:28px}
}