:root{--ink:#153653;--navy:#0f2a4c;--teal:#078f97;--line:#d9e7f0;--muted:#60788d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.65;color:var(--ink);background:linear-gradient(145deg,#f3faff,#f8f6ff)}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f0ad3e;outline-offset:3px}.wrap{width:min(1010px,calc(100% - 28px));margin:auto}.head{background:#0d2948;color:#fff;padding:14px 0}.nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-size:23px;font-weight:900}.brand small{font-size:11px;display:block;letter-spacing:.2em;color:#94d9df}.back{display:inline-block;border:1px solid #568297;border-radius:12px;padding:7px 13px;font-size:13px;color:#dff6fc}.hero{background:linear-gradient(115deg,#123a65,#0e9f99);padding:24px;border-radius:22px;color:white;margin:18px 0 16px}.hero h1{font-size:clamp(24px,4vw,34px);line-height:1.3;margin:4px 0 7px}.hero p{margin:0;font-size:14px;color:#d1f5f2}.eyebrow{font-size:12px;color:#cafbf2;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:clamp(15px,3vw,25px);margin:15px 0;box-shadow:0 10px 26px #16395408}.panel h2{margin:0 0 12px;font-size:21px}.panel p{margin:5px 0 14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card{display:block;border-radius:18px;background:#f2faff;border:1px solid #d5e8ee;padding:18px;min-height:169px;transition:transform .12s}.card:hover{transform:translateY(-2px);border-color:#20a2a3}.card:nth-child(3n+2){background:#eef8f5}.card:nth-child(3n+3){background:#fff8e9}.card-icon{font-size:28px}.card h3{font-size:18px;margin:7px 0 5px}.card p{font-size:12px;color:#627c91;margin:0 0 10px}.card span.go{color:#037e89;font-size:13px;font-weight:800}.hint{color:var(--muted);font-size:13px}.subnav{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #cbe2e8;border-radius:14px;background:#e9f7f7;color:#175a70;font-size:13px;font-weight:800}.foot{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 0 36px;font-size:12px;color:#648092}.foot a{padding:8px 12px;background:#e4f5f6;border:1px solid #c4e2e7;border-radius:11px;color:#126a7a}.quizHead{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;color:#587589;font-size:13px}.progress{height:9px;border-radius:20px;background:#e7eff4;overflow:hidden;margin:12px 0 16px}.progress i{display:block;background:linear-gradient(90deg,#19a1aa,#44c5ad);height:100%;width:0}.question{font-size:clamp(18px,3vw,23px);font-weight:800;line-height:1.65;margin:13px 0}.visual{max-width:540px;width:100%;margin:10px auto;border:1px solid #dfebf0;border-radius:13px;overflow:hidden;background:#f8fcff}.visual svg{width:100%;height:auto;display:block}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer{border:1.5px solid #cfdee9;background:#fff;border-radius:13px;min-height:58px;padding:12px;text-align:left;display:flex;align-items:center;gap:9px;color:var(--ink)}.answer.selected{border-color:#0b9e9f;background:#eaf9f4}.answer:disabled{opacity:1;cursor:default}.letter{border-radius:8px;background:#e4f0f6;color:#18647d;width:29px;height:29px;display:grid;place-items:center;flex:none;font-weight:900}.feedback{background:#eaf9f3;border:1px solid #9ed8c6;border-radius:13px;margin:12px 0;padding:12px;color:#176750}.feedback.bad{background:#fff4e8;border-color:#efcfaa;color:#845128}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.btn{background:#09889c;color:#fff;border:0;border-radius:13px;padding:10px 17px;font-weight:800;min-height:45px}.btn.secondary{background:#ebf4f9;color:#18546d;border:1px solid #d6e4ef}.btn:disabled{opacity:.45;cursor:default}.palette{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:15px 0}.qnum{border:1px solid #b9cddd;border-radius:9px;background:#fff;color:#234866;padding:5px;min-height:35px;font-size:13px;font-weight:800}.qnum.current{background:#204d83;color:white}.qnum.answered:not(.current){background:#d9f7f0;border-color:#11a18f}.result-stat{font-size:32px;color:#008d92;font-weight:900}.review{padding:13px;background:#f6fafc;border:1px solid #e0ebf0;border-radius:12px;margin:10px 0}.tiny{font-size:12px;color:#688195}.quick-skill{background:#f7fbff;border:1px solid #daeaf2;border-radius:14px;padding:13px}.quick-skill b{color:#12677a}.quick-skill small{display:block;color:#658395}.shortlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}@media(max-width:670px){.cards,.shortlist{grid-template-columns:1fr}.card{min-height:110px}.options{grid-template-columns:1fr}.palette{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{padding:19px}.brand{font-size:19px}}