:root{
  --hqr-primary:#FF5A5F;
  --hqr-text:#484848;
  --hqr-muted:#767676;
  --hqr-bg:#ffffff;
  --hqr-border:#EBEBEB;
  --hqr-shadow:0 8px 24px rgba(16,24,40,0.08);
  --hqr-radius:12px;
}
.hqr-wrap{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--hqr-text);max-width:900px;margin:24px auto;padding:12px}
.hqr-card{background:var(--hqr-bg);border:1px solid var(--hqr-border);border-radius:var(--hqr-radius);padding:20px;box-shadow:var(--hqr-shadow);margin-bottom:16px}
.hqr-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hqr-brand{display:flex;align-items:center;gap:12px}
.hqr-logo{max-height:60px;border-radius:10px;border:1px solid var(--hqr-border)}
.hqr-header h2{margin:0;font-size:22px;font-weight:700}
.hqr-desc{color:var(--hqr-muted);margin:4px 0 0;font-size:14px}
.hqr-progress{display:flex;align-items:center;gap:8px}
.hqr-progress-bar{height:8px;width:220px;background:#f5f5f5;border-radius:999px;overflow:hidden}
.hqr-progress-bar span{display:block;height:100%;background:var(--hqr-primary);width:20%;transition:width .25s ease}
.hqr-progress-text{font-size:13px;color:var(--hqr-muted)}
.hqr-question{padding:12px;border:1px solid var(--hqr-border);border-radius:10px;margin:10px 0}
.hqr-qtext{margin:0 0 8px}
.hqr-options{display:grid;gap:8px}
.hqr-radio{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--hqr-border);border-radius:10px;cursor:pointer;transition:box-shadow .15s}
.hqr-radio:hover{box-shadow:0 6px 18px rgba(16,24,40,0.06)}
.hqr-radio input{accent-color:var(--hqr-primary)}
.hqr-nav{display:flex;gap:10px;justify-content:flex-end;margin:14px 0}
.hqr-btn{border-radius:10px;padding:10px 14px;border:none;cursor:pointer;font-weight:600}
.hqr-btn-primary{background:var(--hqr-primary);color:#fff}
.hqr-btn-secondary{background:#f5f5f5;color:#111}
.hqr-userdata{border-top:1px solid var(--hqr-border);padding-top:14px;margin-top:14px}
.hqr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hqr-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.hqr-grid input,.hqr-grid select,.hqr-grid textarea{border:1px solid var(--hqr-border);border-radius:10px;padding:10px;font-weight:500}
.hqr-consent{color:var(--hqr-muted);font-size:12px;margin-top:10px}
@media(max-width:680px){.hqr-grid{grid-template-columns:1fr}}