/* Quiz Terraforce, au look du formulaire Sales-Master (HighLevel) : boîte blanche, Roboto, cases bordées, bouton bleu */
.tfq{background:#fff;border-radius:4px;margin:0 auto;max-width:640px;padding:28px 22px 26px;color:#000;font-family:Roboto,Arial,sans-serif;text-align:left}
.tfq *{box-sizing:border-box}
.tfq [hidden]{display:none!important}
.tfq fieldset{border:0;margin:0;padding:0;min-width:0}
.tfq .step{display:none}.tfq .step.on{display:block}
.tfq .q-top{display:flex;justify-content:space-between;align-items:center;min-height:22px;margin-bottom:4px}
.tfq .q-back{background:none;border:0;font:inherit;font-size:14px;color:#607179;padding:0;cursor:pointer}
.tfq .q-count{margin-left:auto;font-size:13px;color:#607179}
.tfq .q-prog{height:4px;background:#e8edf3;border-radius:4px;margin:0 0 18px;overflow:hidden}
.tfq .q-prog i{display:block;height:100%;width:11%;background:#006eee;transition:width .3s}
.tfq .pre{margin:0 0 2px;font-size:14px;color:#607179}
.tfq legend{font-weight:700;font-size:18px;line-height:1.35;padding:0;margin:0 0 2px;color:#000}
.tfq .hint{margin:0 0 12px;font-size:14px;color:#000}
.tfq .strip{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:6px 0 16px}
.tfq .strip img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:3px}
.tfq .opts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px}
.tfq .opts label{position:relative;display:block;cursor:pointer;max-width:100%}
.tfq .opts input{position:absolute;opacity:0;pointer-events:none}
.tfq .opts span{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border:1px solid #a9b3c6;border-radius:8px;background:#fff;font-size:16px;line-height:1.35;color:#000}
.tfq .opts span:before{content:"";flex:none;width:16px;height:16px;border:1px solid #6b7280;border-radius:3px;background:#fff}
.tfq .opts input[type=radio]+span:before{border-radius:50%}
.tfq .opts input:checked+span{border-color:#006eee;background:#eef5ff}
.tfq .opts input:checked+span:before{background:#006eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-color:#006eee}
.tfq .opts input:focus-visible+span{outline:2px solid #006eee;outline-offset:2px}
.tfq .fields{display:grid;gap:14px;margin:14px 0 12px}
.tfq .f{display:block}
.tfq .f span{display:block;font-weight:700;font-size:16px;margin-bottom:6px}
.tfq .f input{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #a9b3c6;border-radius:4px;background:#fff;color:#000}
.tfq .f input:focus{outline:none;border-color:#006eee;box-shadow:0 0 0 2px rgba(0,110,238,.2)}
.tfq .f input.bad{border-color:#d93025;background:#fff6f5}
.tfq .f small{display:block;font-size:12.5px;color:#607179;margin-top:6px}
.tfq .egy{margin-top:18px}
.tfq .btn{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px;padding:14px 18px;border:0;border-radius:4px;background:#006eee;color:#fff;font:inherit;font-size:17px;font-weight:500;cursor:pointer}
.tfq .btn:disabled{opacity:.45;cursor:default}
.tfq .btn.go{font-weight:700}
.tfq .link{display:block;margin:12px auto 0;background:none;border:0;font:inherit;color:#607179;text-decoration:underline;cursor:pointer;font-size:15px}
.tfq .drop{display:block;border:1px dashed #a9b3c6;border-radius:6px;padding:20px;text-align:center;cursor:pointer;position:relative}
.tfq .drop input{position:absolute;opacity:0;width:1px;height:1px}
.tfq .drop b{display:block;font-size:16px;color:#006eee}
.tfq .drop small{display:block;color:#607179;font-size:13.5px;margin-top:3px}
.tfq .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.tfq .thumbs div{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#eee}
.tfq .thumbs img{width:100%;height:100%;object-fit:cover}
.tfq .thumbs button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.tfq .ok{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;margin:6px 0 2px;cursor:pointer}
.tfq .ok input{width:18px;height:18px;margin:2px 0 0;accent-color:#006eee;flex:none}
.tfq .ok a{color:#006eee}
.tfq .err{color:#d93025;font-weight:500;font-size:14.5px;margin:10px 0 0}
.tfq .err:empty{display:none}
.tfq .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.consent{position:fixed;left:10px;right:10px;bottom:10px;z-index:9999;max-width:560px;margin:0 auto;background:#fff;color:#000;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;font:14px/1.4 Roboto,Arial,sans-serif;text-align:left}
.consent[hidden]{display:none}
.consent p{margin:0;flex:1 1 220px}.consent a{color:#006eee}
.consent div{display:flex;align-items:center;gap:12px}
.consent button{font:inherit;cursor:pointer}
.consent .small{background:#006eee;color:#fff;border:0;border-radius:4px;padding:9px 14px;font-weight:500}
.consent .link{background:none;border:0;color:#607179;text-decoration:underline}
.tf-legal{font:12.5px/1.5 Roboto,Arial,sans-serif;color:#607179;text-align:center;margin:6px 0 0}