.qz-app{background:#f4f7fb;padding-bottom:48px}
.qz-hero{background:linear-gradient(135deg,#0b1f3a,#13315c);color:#fff;text-align:center;padding:48px 20px 80px}
.qz-hero h1{color:#fff;margin:6px 0 8px;font-size:clamp(26px,4vw,40px)}
.qz-hero p{opacity:.9;margin:0 auto;max-width:640px;text-align:center}.qz-hero .small{color:#f5a524;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.qz-wrap{max-width:780px;margin:-56px auto 0;padding:0 16px}
.qz-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(11,31,58,.12);padding:28px;min-height:280px}
.qz-card h2{margin:0 0 4px;color:#0b1f3a}.qz-card h3{color:#0b1f3a}
.qz-sub{color:#5b6b80;margin:0 0 14px}
.qz-lbl{font-weight:700;color:#0b1f3a;margin:16px 0 8px}
.qz-chips{display:flex;flex-wrap:wrap;gap:8px}
.qz-chip{border:1.5px solid #cfd8e3;background:#fff;border-radius:999px;padding:9px 16px;font:inherit;font-size:15px;cursor:pointer;color:#13315c}
.qz-chip.on{background:#13315c;border-color:#13315c;color:#fff}
.qz-tog{display:flex;gap:10px;align-items:center;margin:20px 0;font-weight:600;cursor:pointer}.qz-tog input{width:20px;height:20px}
.qz-btn{display:inline-flex;align-items:center;justify-content:center;background:#f5a524;color:#0b1f3a;border:0;border-radius:10px;padding:13px 22px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin-top:6px}
.qz-btn:hover{filter:brightness(.95)}.qz-btn.wa{background:#25d366;color:#fff}.qz-btn.ghost{background:#fff;border:1.5px solid #13315c;color:#13315c}
.qz-top{display:flex;justify-content:space-between;font-size:14px;color:#5b6b80;font-weight:600}
.qz-tp{background:#eef3fa;color:#13315c;border-radius:999px;padding:2px 10px}
.qz-bar{height:8px;background:#e6ecf3;border-radius:9px;overflow:hidden;margin:10px 0}.qz-bar i{display:block;height:100%;background:#f5a524;transition:width .3s}
.qz-time{display:flex;align-items:center;gap:10px;font-weight:700;color:#13315c;font-size:14px}.qz-time.low{color:#d33}
.qz-tbar{flex:1;height:4px;background:#e6ecf3;border-radius:4px;overflow:hidden}.qz-tbar i{display:block;height:100%;width:100%;background:#13315c;transition:width 1s linear}
.qz-q{font-size:20px;line-height:1.4;margin:18px 0}
.qz-opts{display:grid;gap:10px}
.qz-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;border:1.5px solid #cfd8e3;background:#fff;border-radius:12px;padding:13px 14px;font:inherit;font-size:16px;cursor:pointer;color:#1d2a3a}
.qz-opt b{flex:0 0 26px;height:26px;border-radius:50%;background:#eef3fa;display:grid;place-items:center;font-size:13px;color:#13315c}
.qz-opt:hover:not(:disabled){border-color:#13315c}.qz-opt:disabled{cursor:default}
.qz-opt.ok{border-color:#1f9d55;background:#e9f8ef}.qz-opt.ok b{background:#1f9d55;color:#fff}
.qz-opt.bad{border-color:#d33;background:#fdecec}.qz-opt.bad b{background:#d33;color:#fff}
.qz-fb{margin:16px 0 8px;border-radius:12px;padding:14px 16px}.qz-fb p{margin:6px 0 0}
.qz-fb.ok{background:#e9f8ef;color:#145c34}.qz-fb.bad{background:#fdecec;color:#8a1f1f}
.qz-res{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.qz-ring{--p:0;width:120px;height:120px;border-radius:50%;background:conic-gradient(#f5a524 calc(var(--p)*1%),#e6ecf3 0);display:grid;place-items:center}
.qz-ring span{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:26px;font-weight:800;color:#0b1f3a}
.qz-grade{font-size:24px;font-weight:800;color:#13315c}.qz-res p{margin:4px 0}
.qz-bdr{display:grid;grid-template-columns:140px 1fr 44px;gap:10px;align-items:center;font-size:15px}.qz-bdr b{text-align:right}
.qz-acts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}
.qz-rv{padding-left:20px}.qz-rv li{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#f7f9fc;border-left:4px solid #1f9d55}.qz-rv li.bad{border-left-color:#d33}
.qz-rv p{margin:3px 0}.qz-rq{font-weight:700}.qz-ex{color:#5b6b80;font-size:14px}
.qz-note{font-size:13px;color:#5b6b80;text-align:center;margin:14px auto 28px;max-width:none}
.qz-faq h2{color:#0b1f3a}.qz-faq details{background:#fff;border-radius:10px;padding:14px 16px;margin:0 0 10px;box-shadow:0 2px 8px rgba(11,31,58,.06)}
.qz-faq summary{font-weight:700;cursor:pointer;color:#13315c}.qz-faq p{margin:8px 0 0}
@media(max-width:560px){.qz-card{padding:20px 16px}.qz-q{font-size:18px}.qz-bdr{grid-template-columns:100px 1fr 40px;font-size:14px}.qz-acts .qz-btn{width:100%}}