/* Shared quiz styles — matches site palette (Varianta F) */
.qz{--ink:#0E1116;--sub:#4A515D;--mint:#4EA6BD;--mintD:#256F84;--soft:#F4F5F7;--line:#E3E6EA;--good:#1F7A4F;--goodBg:#E7F5EE;--warn:#8A5A0B;--warnBg:#FDF3E2;--bad:#A3322A;--badBg:#FBECEB;
  font-family:'Inter Tight',system-ui,sans-serif;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 24px 60px -40px rgba(14,17,22,.45);max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:20px;min-width:0}
.qz *{box-sizing:border-box}
.qz h2,.qz h3,.qz p{margin:0}
.qz .eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mintD)}
.qz .title{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.qz .qt{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.qz .muted{color:var(--sub);font-size:17px;line-height:1.6}
.qz .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qz .facts div{background:var(--soft);border-radius:14px;padding:14px 10px;text-align:center;font-size:14px;color:var(--sub)}
.qz .facts b{display:block;font-size:22px;color:var(--ink)}
.qz .btn{appearance:none;border:0;border-radius:999px;background:var(--ink);color:#fff;font:700 17px 'Inter Tight',system-ui,sans-serif;padding:16px 28px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-height:54px}
.qz .btn:hover{background:#232833}
.qz .btn.mint{background:var(--mint);color:var(--ink)}.qz .btn.mint:hover{background:#72BBCF}
.qz .btn.wa{background:#1F7A4F;color:#fff}.qz .btn.wa:hover{background:#18643F}
.qz .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.qz .btn[disabled]{opacity:.45;cursor:not-allowed}
.qz .btn:focus-visible,.qz .opt:focus-visible,.qz .link:focus-visible,.qz input:focus-visible,.qz textarea:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.qz .link{background:none;border:0;color:var(--mintD);font:600 15px 'Inter Tight',system-ui,sans-serif;cursor:pointer;padding:8px 0;align-self:flex-start;min-height:44px}
.qz .prog{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--sub)}
.qz .track{flex:1;height:6px;background:var(--line);border-radius:6px;overflow:hidden}
.qz .track i{display:block;height:100%;background:var(--mint);border-radius:6px;transition:width .35s ease}
.qz .hint{font-size:15px;line-height:1.55;color:var(--sub);background:var(--soft);border-radius:14px;padding:12px 16px}
.qz .opts{display:flex;flex-direction:column;gap:10px}
.qz .opts.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.qz .opt{appearance:none;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:15px 18px;font:600 16px 'Inter Tight',system-ui,sans-serif;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:14px;min-height:56px;transition:border-color .15s,background .15s}
.qz .opt:hover{border-color:var(--mint);background:#F3F9FB}
.qz .opt .dot{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #C9CED6}
.qz .opt.sq .dot{border-radius:6px}
.qz .opt.sel{border-color:var(--mint);background:#EAF5F8}
.qz .opt.sel .dot{border-color:var(--mintD);background:var(--mintD);box-shadow:inset 0 0 0 4px #fff}
.qz .pill{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;align-self:flex-start}
.qz form{display:flex;flex-direction:column;gap:14px}
.qz form[hidden]{display:none}
.qz label{font-weight:600;font-size:15px;display:flex;flex-direction:column;gap:6px}
.qz input[type=text],.qz input[type=tel],.qz input[type=email],.qz textarea,.qz input[type=file]{font:500 17px 'Inter Tight',system-ui,sans-serif;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;min-height:52px;width:100%;background:#fff;color:var(--ink)}
.qz textarea{min-height:96px;resize:vertical}
.qz .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qz .check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:500;font-size:14px;line-height:1.5;color:var(--sub)}
.qz .check input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--mintD)}
.qz .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qz .err{color:var(--bad);font-size:14px;font-weight:600}
.qz .score{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.qz .gauge{flex:none;width:132px;height:132px}
.qz .items{display:flex;flex-direction:column;gap:10px}
.qz .item{border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}
.qz .item svg{flex:none;margin-top:2px}
.qz .item b{display:block}
.qz .item span{font-size:15px;line-height:1.5;color:var(--sub)}
.qz .item.bad{background:var(--badBg)}.qz .item.warn{background:var(--warnBg)}.qz .item.good{background:var(--goodBg)}
.qz .sec{display:flex;flex-direction:column;gap:10px}
.qz .sec h3{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mintD)}
.qz .note{font-size:14px;color:var(--sub);text-align:center}
.qz .ok{background:var(--goodBg);color:var(--good);border-radius:14px;padding:14px 16px;font-weight:600;font-size:15px}
.qz .fade{animation:qzin .35s ease both}
@keyframes qzin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qz .fade{animation:none}.qz .track i{transition:none}}
@media (max-width:600px){.qz{padding:24px 18px;border-radius:20px}.qz .title{font-size:28px}.qz .qt{font-size:21px}.qz .opts.grid2,.qz .row2{grid-template-columns:1fr}.qz .facts b{font-size:19px}}