:root{--navy:#12365a;--blue:#1677d2;--aqua:#19b8b2;--green:#198754;--red:#c73737;--bg:#f2f7fb;--line:#d7e3ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.5 Arial,sans-serif;color:#183047}.shell{max-width:1200px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:18px 24px;border-radius:18px;margin-bottom:22px}.top h1{font-size:24px;margin:2px 0}.top small,.eyebrow{color:#78eee1;font-weight:bold;text-transform:uppercase;letter-spacing:.06em}#timer{background:#fff;color:var(--navy);padding:8px 18px;border-radius:12px;text-align:center}#timer span{display:block;font-size:12px}#timer strong{font-size:25px}#timer.warning{background:#fff0d7;color:#a04b00}.card,.result{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 25px #173f6410}.welcome{max-width:820px;margin:50px auto;padding:38px}.welcome h2{font-size:34px;margin:5px 0}.facts{display:flex;gap:12px;margin:24px 0}.facts span{flex:1;background:#eff8ff;padding:14px;border-radius:12px}.facts b{display:block;font-size:24px;color:var(--blue)}button{font:inherit;cursor:pointer}.primary,.submit{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:13px 20px;font-weight:bold}.hidden{display:none!important}.exam{display:grid;grid-template-columns:260px 1fr;gap:20px}.nav{padding:20px;align-self:start;position:sticky;top:15px}.nav>span{display:block;color:#61768a;font-size:13px}.progress{height:8px;background:#e5edf4;border-radius:20px;margin:10px 0 18px;overflow:hidden}.progress i{display:block;height:100%;background:var(--aqua);width:0}.numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.numbers button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px}.numbers button.active{outline:3px solid #8bc8ff}.numbers button.answered{background:var(--blue);color:#fff}.numbers button.correct{background:var(--green);color:#fff}.numbers button.wrong{background:var(--red);color:#fff}.submit{width:100%;margin-top:18px;background:#e95d42}.question{padding:30px;min-height:590px}.meta{display:flex;justify-content:space-between;color:#557086;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:12px}.question h2{font-size:25px}.choices{display:grid;gap:12px;margin:24px 0}.choices button{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:2px solid var(--line);padding:14px;border-radius:12px}.choices button span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf4fb}.choices button.selected{border-color:var(--blue);background:#eff8ff}.choices button.correct{border-color:var(--green);background:#eaf8ef}.choices button.wrong{border-color:var(--red);background:#fff0f0}.actions{display:flex;justify-content:space-between;margin-top:25px}.actions button{padding:11px 18px;border-radius:10px;border:1px solid var(--line)}.explanation{padding:15px;border-left:5px solid var(--aqua);background:#ecfbfa}.result{display:flex;align-items:center;gap:25px;padding:28px;margin-bottom:20px}.score{width:110px;height:110px;border:10px solid var(--aqua);border-radius:50%;display:grid;place-content:center;text-align:center}.score strong{font-size:27px}.score span{font-size:13px}.wordgrid,.diagram{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;background:#f6f9fc;padding:18px;border-radius:12px}.wordgrid span,.diagram span{border:1px solid var(--line);padding:10px;background:#fff}.diagram small{display:block}.big{font-size:34px}.passage{background:#fff8dc;border-left:5px solid #e1b43b;padding:18px}.passage p{margin-bottom:0}.line{text-align:center;font-size:23px;padding:25px;background:#f7f9fb}.piebox{display:flex;align-items:center;justify-content:center;gap:20px}.piebox i{width:150px;height:150px;border-radius:50%;background:conic-gradient(#1677d2 0 25%,#19b8b2 25% 41.7%,#f0a33a 41.7% 83.4%,#9d75d4 83.4%)}table{border-collapse:collapse;margin:18px auto}th,td{border:1px solid #9db0c1;padding:9px 14px;text-align:center}@media(max-width:760px){.shell{padding:10px}.top{border-radius:12px;padding:14px}.top h1{font-size:17px}.exam{display:block}.nav{position:static;margin-bottom:12px}.numbers{grid-template-columns:repeat(8,1fr)}.question{padding:18px}.question h2{font-size:21px}.facts{display:block}.facts span{display:block;margin:7px}.welcome{margin:10px auto;padding:22px}.result{display:block}.score{margin:auto}.meta{display:block}}