#contact form { display:grid; gap:24px; }
#contact .row { display:grid; gap:12px; grid-template-columns:1fr 1fr; }
    @media (max-width:640px){ #contact .row { grid-template-columns:1fr; } }
#contact label { display:block; font-weight:600; margin-bottom:6px; }
#contact .req { color:var(--accent); font-weight:700; margin-left:4px; }
#contact .help { font-size:12px; color:var(--muted); margin-top:6px; }
#contact .error { display:none; font-size:13px; color:var(--danger); margin-top:6px; }

#jCaptcha.invalid,
input:invalid[aria-invalid="true"],
textarea:invalid[aria-invalid="true"] {
    border-color:var(--danger);
}
 .hp-wrap { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

#contact input, #contact textarea {
    width:50%;
    background-color: hsl(60, 15%, 98%);
}
#contact #jCaptcha {
    width: 20%;
}
@media (max-width:640px){
    #contact input, #contact textarea {
        width:100%;
    }
    #contact #jCaptcha {
        width: 40%;
    }
}

 #contact label {
    width: fit-content;
 }

 #contact button {
    width: fit-content;
 }