:root{--bg:#f5f7fb;--card:#fff;--text:#152033;--muted:#6d7890;--line:#e3e8f1;--primary:#1957d2;--primary2:#0f3eaa;--good:#12805c;--bad:#c63d4f;--soft:#eef3ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:var(--bg);color:var(--text)}body.dark{--bg:#0d1320;--card:#151e2e;--text:#eef4ff;--muted:#9ba9c0;--line:#28354b;--soft:#1b2a46}button,select{font:inherit}.topbar{height:76px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:40px;height:40px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.brand small{display:block;color:var(--muted);margin-top:2px}.shell{max-width:1180px;margin:auto;padding:36px 24px 70px}.view{display:none}.view.active{display:block}.hero{border-radius:28px;background:linear-gradient(135deg,#102a63,#1b5cdb);color:#fff;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 20px 60px #12366a22}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:14px 0}.hero p{max-width:650px;color:#d9e6ff;font-size:18px}.pill{font-size:12px;letter-spacing:.12em;font-weight:800;background:#ffffff1e;border:1px solid #ffffff35;padding:8px 10px;border-radius:999px}.heroScore{width:160px;height:160px;border-radius:50%;background:#ffffff18;border:1px solid #ffffff30;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.heroScore strong{font-size:48px}.heroScore span{color:#d9e6ff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.card,.panel,.stat,.questionCard,.resultCard,.reviewItem,.palette{background:var(--card);border:1px solid var(--line);border-radius:20px}.card{padding:24px}.card.featured{outline:2px solid #1957d233}.icon{font-size:28px}.card h2{margin:12px 0 8px}.card p,.panel p{color:var(--muted);min-height:48px}.card button,.primary{border:none;background:var(--primary);color:#fff;border-radius:12px;padding:12px 18px;font-weight:750;cursor:pointer}.card button:hover,.primary:hover{background:var(--primary2)}.panel{padding:24px}.controls{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end}.controls label{display:grid;gap:7px;color:var(--muted);font-size:13px}.controls select{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text)}.statsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}.stat{padding:22px;display:grid;gap:4px}.stat b{font-size:30px}.stat span{color:var(--muted)}.textBtn{border:0;background:none;color:var(--primary);padding:0;text-align:left;cursor:pointer;font-weight:700}.note{padding:16px 18px;border-radius:14px;background:#fff6d9;color:#705200;border:1px solid #f0d98c}.ghost{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:11px;padding:10px 14px;cursor:pointer}.quizTop{display:flex;align-items:center;gap:18px;margin-bottom:18px}.progressWrap{flex:1;display:flex;align-items:center;gap:10px}.progress{height:9px;background:var(--line);border-radius:99px;overflow:hidden;flex:1}.progress i{height:100%;display:block;width:0;background:var(--primary)}.timer{font-variant-numeric:tabular-nums;font-weight:800}.quizLayout{display:grid;grid-template-columns:250px 1fr;gap:18px}.palette{padding:16px;height:max-content;display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:20px}.palette button{width:36px;height:36px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:9px;cursor:pointer}.palette button.answered{background:var(--soft);border-color:#97b4f3}.palette button.current{outline:2px solid var(--primary)}.questionCard{padding:28px}.qmeta{display:flex;gap:8px}.qmeta span{font-size:12px;border-radius:999px;background:var(--soft);padding:6px 9px;color:var(--primary);font-weight:800}.questionCard h2{font-size:25px;line-height:1.35;margin:20px 0}.options{display:grid;gap:11px}.option{border:1px solid var(--line);background:var(--card);color:var(--text);padding:16px;border-radius:14px;text-align:left;cursor:pointer;display:flex;gap:12px;align-items:flex-start}.option .letter{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--soft);font-weight:800}.option.selected{border-color:var(--primary);background:var(--soft)}.option.correct{border-color:#6ac6a8;background:#e8fff6;color:#07593f}.option.wrong{border-color:#e49aa4;background:#fff0f2;color:#8d2432}.feedback{display:none;margin-top:18px;padding:16px;border-radius:14px;background:var(--soft);line-height:1.55}.feedback.show{display:block}.feedback .source{font-size:12px;color:var(--muted);margin-top:8px}.qnav{display:flex;justify-content:space-between;margin-top:24px}.resultCard{padding:34px;text-align:center}.ring{width:150px;height:150px;border-radius:50%;margin:24px auto;background:var(--soft);display:grid;place-items:center}.ring strong{font-size:40px;color:var(--primary)}.resultStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:700px;margin:0 auto 24px}.resultStats div{padding:14px;background:var(--bg);border-radius:14px}.resultStats b{display:block;font-size:24px}.resultStats span{font-size:12px;color:var(--muted)}.resultActions{display:flex;justify-content:center;gap:10px}.reviewList{display:grid;gap:12px;margin-top:18px}.reviewItem{padding:20px}.reviewItem h3{margin:0 0 10px}.reviewItem p{color:var(--muted)}.reviewItem .bad{color:var(--bad);font-weight:700}.reviewItem .good{color:var(--good);font-weight:700}footer{text-align:center;color:var(--muted);padding:30px}@media(max-width:800px){.cards,.statsGrid{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.quizLayout{grid-template-columns:1fr}.palette{position:static}.hero{padding:28px}.heroScore{display:none}.resultStats{grid-template-columns:1fr 1fr}}.portalHero{background:linear-gradient(135deg,#101c3f,#244fb8 55%,#2878df)}.portalCount strong{font-size:42px}.portalPanel{margin-top:24px}.panelHead{display:flex;justify-content:space-between;align-items:center;gap:16px}.searchBox{min-width:280px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text)}.examGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.examCard{position:relative;min-height:190px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:flex;flex-direction:column;gap:10px}.examCard.live{border-color:#9eb9ef;box-shadow:0 10px 30px #153f8f12}.examIcon{font-size:30px}.examCard h3{margin:0 0 6px;font-size:20px}.examCard p{margin:0;color:var(--muted);line-height:1.45}.examCard button{margin-top:auto;border:none;background:var(--primary);color:#fff;border-radius:11px;padding:11px 14px;font-weight:750;cursor:pointer}.soon{margin-top:auto;width:max-content;font-size:12px;font-weight:800;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:7px 10px}.sectionNav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--muted)}.darkPill{background:var(--soft);color:var(--primary);border-color:var(--line)}@media(max-width:900px){.examGrid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.examGrid{grid-template-columns:1fr}.panelHead{align-items:stretch;flex-direction:column}.searchBox{min-width:0;width:100%}}.drivingHero{background:linear-gradient(135deg,#123b2e,#14765b 60%,#1b9a76)}.examInfoBar,.subjectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.subjectGrid{grid-template-columns:repeat(4,1fr)}.examInfoBar div,.subject{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}.examInfoBar b,.subject b{display:block;font-size:26px}.examInfoBar span,.subject span{color:var(--muted);font-size:13px}.miniLabel{display:grid;gap:5px;color:var(--muted);font-size:12px;margin:8px 0}.miniLabel select{padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}@media(max-width:640px){.examInfoBar{grid-template-columns:1fr 1fr 1fr}.subjectGrid{grid-template-columns:1fr 1fr}}.genericHero{background:linear-gradient(135deg,#23314f,#375ea9 60%,#4f7ed0)}@media(max-width:800px){.quizLayout{grid-template-columns:1fr}.palette{position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100vw;padding:10px;gap:7px;border-radius:14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.palette button{flex:0 0 36px;width:36px;height:36px}.questionCard{padding:20px}}.simulationCard{border-color:#7fa6ef;background:linear-gradient(180deg,var(--card),rgba(80,120,210,.06))}