/* HawkView.co - Contact form */

.contact-wrap{ max-width:680px; margin:0 auto; }
.contact-form{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:34px; margin-top:8px; }
.contact-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-field{ margin-bottom:18px; }
.contact-label{ display:block; font-size:13.5px; font-weight:600; color:var(--muted); margin-bottom:8px; }
.contact-input{ width:100%; background:var(--bg); border:1px solid var(--border); border-radius:11px;
  color:var(--text); font-family:var(--body); font-size:15px; padding:13px 15px; transition:border-color .15s, box-shadow .15s; }
.contact-input::placeholder{ color:var(--dim); }
.contact-input:focus{ outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(110,100,219,.22); }
.contact-select{ appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%239B9BA8' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat; background-position:right 15px center; padding-right:40px; }
.contact-textarea{ resize:vertical; min-height:140px; line-height:1.6; }
.contact-btn{ width:100%; margin-top:6px; }
.contact-feedback{ margin-top:16px; padding:13px 16px; border-radius:11px; font-size:14.5px; display:none; }
.contact-feedback.is-success{ display:block; background:rgba(76,175,80,.12); border:1px solid rgba(76,175,80,.4); color:#a5d6a7; }
.contact-feedback.is-error{ display:block; background:rgba(204,68,68,.12); border:1px solid rgba(204,68,68,.4); color:#ef9a9a; }

.contact-alt{ text-align:center; color:var(--muted); font-size:14px; margin-top:22px; }
.contact-alt a{ text-decoration:underline; }

@media (max-width:600px){ .contact-row{ grid-template-columns:1fr; } .contact-form{ padding:24px; } }