/* ───────────────── Contact ───────────────── */
.contact{background:var(--elev); padding:3rem 0}
.contact h2{margin:0 0 1rem}
form{display:grid; gap:1rem; max-width:480px; margin:0 auto}
form input, form textarea{
  padding:.9rem 1rem; border:none; border-radius:8px; font-size:var(--step--1);
  background:var(--chip); color:#f4f4f4; border:1px solid rgba(255,255,255,.08);
}
form button{
  padding:.9rem 1rem; background:var(--brand); color:#000; border:none;
  border-radius:8px; font-size:var(--step--1); font-weight:700; cursor:pointer;
  transition:background .2s ease, transform .15s ease; display:block; margin:0 auto;
  width:60%; max-width:300px;
}
form button:hover{background:var(--brand-hover); transform:translateY(-1px)}
.hp{display:none}

/* Contact layout */
.contact .container{display:flex; flex-direction:column; align-items:center}
.contact h2{text-align:center; margin-bottom:1.25rem}
.contact form{
  width:100%; max-width:560px; margin:0 auto; display:grid; gap:1rem;
}
.contact form label{display:block; width:100%}
.contact form input, .contact form textarea{width:100%; box-sizing:border-box}
.contact form .btn, .contact form button{justify-self:center}