* { box-sizing: border-box; }
body { font-family: system-ui, Arial, sans-serif; line-height: 1.5; margin: 0; background:#f7f7fb; color:#222; }
.container { max-width: 820px; margin: 0 auto; padding: 20px; }
h1 { font-size: 1.6rem; margin: 0 0 10px; }
.intro { margin: 0 0 16px; }
.form { background:#fff; border:1px solid #ddd; border-radius:12px; padding:16px; }
fieldset { border:1px solid #eee; padding:14px; margin:12px 0; border-radius:10px; }
legend { padding:0 6px; font-weight:600; }
label { display:block; margin:10px 0; }
.req { color:#b00; }
input[type="text"], input[type="email"], input[type="number"], select, textarea {
  width:100%; padding:10px; border:1px solid #ccc; border-radius:8px; background:#fff;
}
textarea { resize: vertical; }
button[type="submit"] {
  background:#222; color:#fff; border:none; padding:12px 16px; border-radius:10px; cursor:pointer; font-weight:600;
}
button[type="submit"]:hover { opacity:.9; }
.status { min-height:22px; font-size:.95rem; margin-top:8px; }
.small { color:#666; font-size:.9rem; }
footer { margin-top: 20px; }
.hp { position:absolute; left:-9999px; opacity:0; height:0; width:0; } /* honeypot */
.invalid { border-color: #b00 !important; outline-color: #b00 !important; }