.card h3{font-size:1.15rem}

form{display:grid; gap:14px}
.field{display:grid; gap:6px}
label{font-weight:600}
input, textarea{
  background:#0f0f15; color:var(--fg); border:1px solid #2a2a35; border-radius:12px;
  padding:12px 14px; font:inherit; box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
textarea{min-height:140px; resize:vertical}
.contact-grid{display:grid; grid-template-columns:repeat(12,1fr); gap:16px}
.contact-grid > *{grid-column:span 12}
@media (min-width:760px){
  .contact-grid > .form-col{grid-column:span 8}
  .contact-grid > .info-col{grid-column:span 4}
}
.info-item{display:flex; gap:12px; padding:12px; border:1px solid var(--rule); border-radius:12px; background:linear-gradient(180deg, #0f0f15, #0c0c12)}
.info-item a{color:#e6dbff}
.info-item a:hover{text-decoration:underline}
.mt-18{margin-top:18px}
.mt-0{margin-top:0}