:root{
  --bg:#121214; --card:#202226; --card-border:rgba(255,255,255,.10);
  --text:#f3f5f7; --muted:#cbd0d6; --ink:#111;
  --field-bg:#ffffff; --field-text:#111; --field-border:#d6d8dc;
  --accent:#f08a32; --accent-ink:#111; --ring: rgba(240,138,50,.25);
  --br:12px;
}
.formwrap{max-width:900px;margin:0 auto}
.formbox{background:var(--card);border:1px solid var(--card-border);border-radius:var(--br);box-shadow:0 10px 32px rgba(0,0,0,.35);padding:clamp(16px,3vw,24px)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2.5vw,20px)}
.field{display:flex;flex-direction:column}
label{font-weight:700;margin:.35rem 0}
input,select,textarea{background:var(--field-bg);color:var(--field-text);border:1px solid var(--field-border);border-radius:10px;padding:.78rem .9rem;box-shadow:0 1px 0 rgba(0,0,0,.04) inset}
input::placeholder,textarea::placeholder{color:#8a8f98}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}
textarea{min-height:160px;resize:vertical}
.row{margin:.9rem 0}
.actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:.65rem}
.btn{display:inline-block;padding:.72rem 1rem;border-radius:10px;text-decoration:none;font-weight:700}
.btn.wa{background:#25D366;color:#111}
.btn.ghost{border:2px solid rgba(240,138,50,.6);color:#fff}
.hp{position:absolute;left:-9999px;visibility:hidden;height:0;overflow:hidden}
@media (max-width: 768px){
  .grid{grid-template-columns:1fr}
}