.quiz-page-wrap{min-height:60vh;background:radial-gradient(1200px 600px at 50% -10%,#e0ecff,#eef3fb 55%);padding:26px 14px 60px;display:flex;justify-content:center}.app{width:100%;max-width:560px}.app{--ink:#0f2540;--ink2:#33506f;--muted:#6b7c93;--qbrand:#1a7a4e;--qbrand-dk:#0f5535;--teal:#27ae74;--gold:#f9dd0e;--bg:#eef3fb;--card:#ffffff;--line:#dce6f4;--good:#19b36b;--shadow:0 18px 50px rgba(10,60,30,.14)}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.q-logo-img{border-radius:8px;background:#fff;padding:3px;object-fit:contain}.logo{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--qbrand-dk);letter-spacing:.3px}.topbar .spacer{flex:1}.proofpill{font-size:12px;color:var(--ink2);background:#fff;border:1px solid var(--line);padding:6px 11px;border-radius:999px;font-weight:600}.progress-wrap{margin:6px 2px 16px;display:none}.progress-meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:600}.bar{height:10px;background:#dfe8f6;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--qbrand));transition:width .55s cubic-bezier(.4,0,.2,1)}.milestones{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.ms{font-size:11.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-weight:600}.ms.done{color:#0c7a4d;background:#e7f8ef;border-color:#bfeed6}.ms.done:before{content:"✓ ";font-weight:900}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:26px 22px;animation:rise .45s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--teal);margin:0 0 8px}.card h1{font-size:25px;line-height:1.22;margin:0 0 12px;color:var(--ink);font-family:var(--font-heading)}.card h2{font-size:21px;line-height:1.3;margin:0 0 6px;color:var(--ink);font-family:var(--font-heading)}p.lead{font-size:15.5px;color:var(--ink2);line-height:1.55;margin:0 0 18px}.qcount{font-size:13px;color:#b07d00;font-weight:800;margin:0 0 12px;display:flex;align-items:center;gap:6px}.opts{display:flex;flex-direction:column;gap:11px;margin:14px 0 4px}.opt{display:flex;align-items:center;gap:13px;text-align:left;width:100%;cursor:pointer;background:#fff;border:1.6px solid var(--line);border-radius:14px;padding:15px;font-size:15px;color:var(--ink);transition:.16s;font-weight:600;line-height:1.35;font-family:var(--font-body)}.opt:hover{border-color:var(--qbrand);background:#f5f9ff;transform:translateY(-1px)}.opt .ic{width:30px;height:30px;min-width:30px;border-radius:9px;background:#eef3fb;display:grid;place-items:center;font-size:16px}.opt.sel{border-color:var(--qbrand);background:#eef5ff;box-shadow:0 0 0 3px #0f50321f}.grid{display:flex;flex-direction:column;gap:11px}.gradecard{cursor:pointer;border:1.6px solid var(--line);border-radius:16px;padding:16px;background:#fff;transition:.16s;display:flex;gap:14px;align-items:center}.gradecard:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 10px 24px #0f50321f}.gradecard .emo{font-size:30px}.gradecard .gt{font-weight:800;margin:0 0 3px;font-size:16px}.gradecard .gs{font-size:12.8px;color:var(--muted);line-height:1.4}.gradecard .chev{margin-left:auto;color:var(--muted);font-size:20px}.feedback{margin-top:16px;border:1px solid #cfeede;background:#f2fbf6;border-radius:14px;padding:14px 15px;display:none;animation:rise .35s ease both}.feedback .fb-top{display:flex;align-items:center;gap:8px;font-weight:800;color:#0c7a4d;font-size:14px;margin-bottom:6px}.feedback .fb-body{font-size:13.6px;color:var(--ink2);line-height:1.55}.feedback .src{display:block;margin-top:7px;font-size:11.5px;color:var(--muted);font-style:italic}.fb-stake{background:#fff5e6;border:1px solid #f3dca7;border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:13.4px;color:#7a5212;line-height:1.5}.fb-stake b{color:#9a5b00}.proofbar{display:flex;flex-direction:column;gap:3px;background:#fff8ec;border:1px solid #f3e3bd;border-radius:13px;padding:12px 14px;margin-bottom:16px}.proofbar .stars{color:var(--gold);font-size:13px;letter-spacing:1px}.proofbar .pq{font-size:13.5px;color:var(--ink);font-style:italic;line-height:1.5}.proofbar .pw{font-size:11.5px;color:var(--muted);font-weight:600}.btn{appearance:none;border:0;cursor:pointer;font-weight:800;font-size:15.5px;border-radius:13px;padding:15px 20px;background:linear-gradient(135deg,var(--qbrand),var(--qbrand-dk));color:#fff;width:100%;margin-top:18px;box-shadow:0 12px 24px #0f553752;transition:.16s;font-family:var(--font-heading)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{background:#fff;color:var(--qbrand-dk);border:1.6px solid var(--line);box-shadow:none}.btn.gold{background:linear-gradient(135deg,#e6a800,#b07000);box-shadow:0 12px 24px #b4820059;color:#fff}.backlink{display:inline-block;margin-top:14px;color:var(--muted);font-size:13px;cursor:pointer;font-weight:600}.backlink:hover{color:var(--qbrand)}.analysis{text-align:center;padding:42px 22px}.spinner{width:54px;height:54px;border-radius:50%;border:5px solid #e3ecfa;border-top-color:var(--qbrand);margin:0 auto 22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis .step{font-size:15px;color:var(--ink2);min-height:24px;font-weight:600}.radar-wrap{display:flex;justify-content:center;margin:6px 0 4px}.scoreline{display:flex;flex-direction:column;gap:9px;margin:16px 0 4px}.axisrow{display:flex;align-items:center;gap:10px;font-size:13.5px}.axisrow .nm{width:118px;min-width:118px;font-weight:700;color:var(--ink2)}.axisrow .track{flex:1;height:9px;background:#e6eefa;border-radius:999px;overflow:hidden}.axisrow .track>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--qbrand))}.axisrow .pc{width:38px;text-align:right;font-weight:800;color:var(--qbrand-dk)}.insightbox{margin-top:16px;border-radius:14px;padding:15px 16px;font-size:14px;line-height:1.6}.insightbox.strong{background:#eafaf1;border:1px solid #c3edd3}.insightbox.grow{background:#fff7e9;border:1px solid #f5e0b0;margin-top:11px}.insightbox b{color:var(--ink)}.todo{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:15px 16px;background:#f7fbff}.todo h3{margin:0 0 8px;font-size:15px;color:var(--qbrand-dk)}.todo ol{margin:0;padding-left:20px;color:var(--ink2);font-size:13.8px;line-height:1.65}.gate .teaser{border:1px dashed var(--qbrand);border-radius:14px;padding:16px;background:#f5f9ff;margin:6px 0 16px}.gate .teaser .ga{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink2);font-weight:600;margin-top:8px}.gate .teaser .ga .blur{flex:1;height:10px;border-radius:6px;background:linear-gradient(90deg,#bcd4f3,#e6eefb);filter:blur(1.5px)}.field{width:100%;padding:14px;border:1.6px solid var(--line);border-radius:12px;font-size:15px;margin-top:10px;font-family:var(--font-body)}.field:focus{outline:none;border-color:var(--qbrand);box-shadow:0 0 0 3px #0f50321f}.consent{display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:12px;color:var(--muted);line-height:1.5}.consent input{margin-top:2px}.offer .guarantee{display:flex;gap:10px;align-items:flex-start;background:#eafaf1;border:1px solid #c3edd3;border-radius:13px;padding:13px 14px;margin-top:14px;font-size:13.5px;color:var(--ink2);line-height:1.5}.offer .guarantee .g-ic{font-size:20px}.pts{display:flex;flex-direction:column;gap:9px;margin:14px 0 4px}.pt{display:flex;gap:10px;font-size:14.2px;color:var(--ink2);line-height:1.5}.pt .c{color:var(--good);font-weight:900}.note{font-size:11.5px;color:var(--muted);text-align:center;margin-top:18px;line-height:1.5}.hide{display:none!important}