body {font-family:'Roboto',sans-serif;}
.hdq-container{max-width:760px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.hdq-row{display:flex;gap:16px;flex-wrap:wrap;}
.hdq-field{flex:1;min-width:200px;position:relative;}
.hdq-field.full{flex:1 1 100%;}
.hdq-field label{display:block;font-weight:500;color:#333;}
.hdq-field input, .hdq-field select, .hdq-field textarea{width:100%;padding:10px;border:2px solid #0073aa;border-radius:4px;margin-top:6px;transition:border 0.3s;}
.hdq-field input:focus, .hdq-field select:focus, .hdq-field textarea:focus{border-color:#00aaff;outline:none;}
.hdq-submit{display:block;width:100%;padding:12px;background:#0073aa;color:#fff;font-size:1.1em;border:none;border-radius:4px;cursor:pointer;margin-top:20px;transition:background 0.3s;}
.hdq-submit:hover{background:#005f8d;}
#hdq-result{margin-top:16px;text-align:center;}
.hdq-success{color:green;font-weight:600;}
.hdq-error{color:red;font-weight:600;}