.iq{max-width:680px;margin:auto;padding:24px 20px 48px}.iq-wrap{background:#f3f5fa}
.iq{max-width:680px;margin:auto;padding:20px}
.iq h1{font-size:clamp(1.6rem,5vw,2.3rem);margin:.2em 0}
.iq .lead{color:#444}
.iq h2{color:var(--b);margin-top:0}
.iq .prog{height:10px;background:#dde3f3;border-radius:9px;overflow:hidden}
.iq .bar{height:100%;background:var(--b);width:0;transition:width .3s}
.iq .count{font-size:.9rem;color:#555}
.iq form{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 12px #0001}
.iq label{display:block;font-weight:600;margin:14px 0}
.iq input,.iq select,.iq textarea{display:block;width:100%;margin-top:6px;padding:12px;font:inherit;border:1px solid #c9cfdc;border-radius:9px}
.iq .opt{font-weight:400;font-size:.8rem;color:#777;background:#eef1f8;padding:1px 7px;border-radius:9px}
.iq .hint{color:#555;font-size:.95rem}
.iq fieldset{border:0;padding:0;margin:14px 0}
.iq legend{font-weight:600}
.iq .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.iq .chip{margin:0;font-weight:400}
.iq .chip input{position:absolute;opacity:0;width:auto}
.iq .chip span{display:inline-block;padding:8px 13px;border:1px solid #c9cfdc;border-radius:20px}
.iq .chip input:checked+span{background:var(--b);color:#fff;border-color:var(--b)}
.iq .nav{display:flex;gap:10px;justify-content:space-between;margin-top:20px}
.iq button{font:inherit;font-weight:700;padding:13px 26px;border-radius:10px;border:0;background:var(--b);color:#fff;cursor:pointer}
.iq #back{background:#e3e6ee;color:#222}
.iq #next,.iq #send{margin-left:auto}
.iq .choice{display:flex;gap:10px;align-items:flex-start;font-weight:400;border:1px solid #c9cfdc;border-radius:10px;padding:12px;margin:8px 0;cursor:pointer}
.iq .choice input{width:auto;margin:3px 0 0;flex:none}
.iq .choice:has(input:checked){border-color:var(--b);background:#eef3ff}
.iq button{border:0}.iq section.step{padding:0}
