/* Contact */
.contact{
  display:grid;gap:22px;grid-template-columns: 1.1fr .9fr;align-items:start;
}
@media (max-width: 900px){ .contact{grid-template-columns:1fr} }
form{
  display:grid;gap:12px;background:var(--card);padding:18px;border-radius:var(--radius);
  border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow)
}
.field{display:grid;gap:6px}
label{font-size:.92rem;color:var(--muted)}
input, textarea, select{
  width:100%;padding:.85rem .9rem;border-radius:12px;border:1px solid rgba(148,163,184,.35);
  background: transparent;color:var(--text);outline: none;
  box-shadow: 0 0 0 0 var(--ring);transition: box-shadow .15s ease, border-color .15s ease;
}
input:focus, textarea:focus, select:focus{box-shadow: 0 0 0 6px var(--ring);border-color:var(--brand)}
textarea{min-height:120px;resize:vertical}
.help{font-size:.85rem;color:var(--muted)}
.contact-card{
  background: var(--card);border:1px solid rgba(148,163,184,.18);
  padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:12px
}
.contact-row{display:flex;gap:.6rem;align-items:center}
.contact-row code{background:rgba(148,163,184,.15);padding:.2rem .45rem;border-radius:8px}
@media (max-width: 768px) {
.section{
  padding-left: 15px;
  padding-right: 15px;
}
}