@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');:root{font-family:'DM Sans',system-ui,sans-serif;color:#17303d;background:#f5f7f5}*{box-sizing:border-box}body{margin:0}header{background:#142e39;color:#fff;padding:18px max(22px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:13px;align-items:center}.brand strong{display:block;letter-spacing:.07em;font-family:Manrope,sans-serif}.brand small{color:#a9c2c5;display:block;margin-top:2px}.logo{width:45px;height:45px;background:#d5efbd;color:#183a37;border-radius:13px;display:grid;place-items:center;font-weight:800}.status{font-size:12px;color:#b8cfcd}main{max-width:1080px;margin:0 auto;padding:34px 22px 72px}.hero{background:#173743;color:#fff;padding:48px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-radius:24px;background-image:radial-gradient(circle at 80% 25%,#31564b,transparent 45%)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#6b9c8c}.hero .eyebrow{color:#c6e5b9}h1{font:800 clamp(32px,5vw,56px)/1.16 Manrope,sans-serif;letter-spacing:-.045em;margin:13px 0}h1 em{font-style:normal;color:#d6efba}.hero p{max-width:520px;color:#c8d8da;line-height:1.7;margin-bottom:0}.hero-stat{min-width:170px;text-align:center;background:#ffffff15;border:1px solid #ffffff22;padding:30px 18px;border-radius:20px}.hero-stat span{font:800 58px Manrope;display:block;color:#d9efbd}.hero-stat small{color:#d6e3df}.tabs{display:flex;gap:8px;overflow:auto;margin:28px 0 18px}.tab{border:0;border-radius:12px;background:#e8eeeb;padding:13px 20px;font-weight:700;color:#486269;cursor:pointer;white-space:nowrap}.tab.active{background:#193f44;color:white}.panel{background:white;border-radius:22px;border:1px solid #e7ece8;padding:32px;box-shadow:0 8px 35px #17303d0a}.panel[hidden]{display:none!important}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.heading h2,h2{font:800 26px Manrope;margin:0 0 8px}.heading p,.panel>p{color:#60747a;line-height:1.7;margin:0 0 24px}.chip{background:#ecf5e4;color:#48734f;border-radius:30px;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap}form{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.field{display:flex;flex-direction:column;gap:8px}label{font-size:13px;font-weight:700}select{width:100%;border:1px solid #d6e2df;background:#fbfcfb;border-radius:12px;padding:15px;color:#1a3d47;font-size:15px}.primary,.secondary,.danger,.upload{border:0;border-radius:12px;padding:15px 23px;font-weight:800;font-size:14px;cursor:pointer}.primary{background:#b9df92;color:#19342a}.secondary{background:#eaf0ed;color:#25464c}.danger{background:#fce8e4;color:#9a3f36}.primary:disabled{opacity:.4;cursor:not-allowed}form>.primary{align-self:end}.notice{margin-top:18px;padding:16px;border-radius:12px;background:#fff5d8}.exam-top,.exam-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0 20px}.bar{background:#e6efeb;height:8px;border-radius:30px;overflow:hidden;margin:0 0 30px}.bar>div{background:#92c66d;height:100%;width:0;transition:width .25s}#questionTitle{line-height:1.4;margin:13px 0 25px}.answers{display:grid;gap:12px;margin-bottom:24px}.answer{background:#f8faf8;border:1px solid #dbe6df;text-align:left;padding:17px;border-radius:12px;cursor:pointer;font-size:15px;color:#203b43}.answer span{font-weight:800;margin-right:12px;color:#5c8b73}.answer.selected{border-color:#416d56;background:#edf6e7}.answer.correct{border-color:#56a46f;background:#e1f7e5}.answer.wrong{border-color:#d77b75;background:#fde8e5}.explanation{background:#f0f6ec;border-left:4px solid #8aba70;padding:16px;line-height:1.6}.result-score{font:800 60px Manrope;color:#245947;margin:20px 0 5px}.review-item,.history-item,.mistake-item{border-top:1px solid #e5eeea;padding:16px 0;line-height:1.5}.review-item small,.history-item small{color:#698086;display:block}.review-item strong{display:block;margin-bottom:4px}.ok{color:#268248}.bad{color:#bb504b}.upload{display:inline-block;background:#e6f1db;cursor:pointer}.upload input{display:block;margin-top:12px;max-width:100%}.fine{font-size:13px}.empty{color:#73888d;padding:20px 0}footer{text-align:center;color:#71898c;padding:25px;font-size:12px}code{word-break:break-word}@media(max-width:650px){header{padding:16px 20px}.status{display:none}main{padding:20px 13px 50px}.hero{padding:28px;display:block}.hero-stat{margin-top:25px;text-align:left;padding:15px 20px}.hero-stat span{display:inline;font-size:36px;margin-right:10px}.panel{padding:22px}form{grid-template-columns:1fr}.heading{display:block}.chip{display:inline-block;margin:0 0 12px}.exam-actions{flex-wrap:wrap}}