@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--navy:#152f53;--blue:#245fe0;--mint:#caf4df;--yellow:#ffda68;--ink:#21364e}*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:var(--ink);font-family:Nunito,Arial,sans-serif}header{max-width:1160px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:var(--navy);text-decoration:none;font-size:11px;letter-spacing:2px}.brand b{font-size:15px;letter-spacing:1px}.logo{font:700 36px Fredoka,sans-serif;background:var(--blue);color:white;border-radius:17px;width:52px;height:52px;text-align:center;position:relative}.logo span{font-size:20px;color:var(--yellow);position:absolute;right:3px;top:0}.pill,.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.6px}.pill{background:#e8eef7;padding:10px 15px;border-radius:30px}main{max-width:1112px;margin:12px auto 60px}h1,h2,h3{font-family:Fredoka,Arial,sans-serif;font-weight:500}h1{font-size:clamp(40px,5.8vw,68px);line-height:1.06;margin:20px 0}h2{font-size:32px;margin:12px 0}p{line-height:1.6}.hero{background:var(--navy);color:white;border-radius:30px;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;padding:48px;position:relative}.hero p{max-width:450px;color:#d6e2f3;font-size:18px}.hero em{font-style:normal;color:var(--yellow)}button{font:900 16px Nunito,Arial,sans-serif;cursor:pointer;border:0;border-radius:14px;padding:16px 24px;transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:4px solid #e79912;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:var(--blue);color:white}.hero .primary{background:var(--yellow);color:var(--navy)}.secondary{background:#e9eff8;color:var(--navy)}.small{padding:10px 16px;font-size:14px}.space{display:grid;place-items:center;position:relative;min-height:300px}.planet{width:245px;height:245px;border-radius:50%;background:#376ace;position:absolute;box-shadow:0 0 0 35px #ffffff07,0 0 0 70px #ffffff04}.rocket{font-size:135px;transform:rotate(-12deg);z-index:1}.star{position:absolute;color:var(--yellow);font-size:32px}.s1{top:20px;right:30px}.s2{bottom:30px;left:10px}.space .badge{position:absolute;bottom:0;right:0;background:var(--mint);color:var(--navy);padding:15px 20px;border-radius:15px;transform:rotate(-5deg);font-weight:900}.intro{display:flex;gap:24px;margin:24px 0}.intro>div{flex:1;background:white;border:1px solid #e1e8f2;border-radius:18px;padding:20px}.intro strong{display:block;margin-bottom:5px}.intro p{font-size:14px;margin:0}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-top:36px}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic{padding:18px;background:white;border:1px solid #e0e7f1;border-radius:17px}.topic span{display:block;font-size:24px;margin-bottom:10px}.topic b{font-size:15px}.topic small{display:block;color:#62748d;margin-top:5px}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress{height:10px;background:#dfe7f3;border-radius:12px;margin:18px 0 30px;overflow:hidden}.progress>div{background:var(--blue);height:100%;transition:width .3s}.workspace{display:grid;grid-template-columns:1fr 275px;gap:24px}.card{background:white;border:1px solid #dfe7f1;border-radius:26px;padding:32px}.question{font-size:30px;line-height:1.3;margin:24px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{background:white;border:2px solid #dbe4ef;color:var(--navy);text-align:left;min-height:65px}.option.chosen{background:#eaf0ff;border-color:var(--blue)}.option.wrong{border-color:#d97738;background:#fff4e8}.option.correct{border-color:#228b5b;background:#e7f8ee}.feedback{min-height:58px;margin:18px 0;font-weight:800;line-height:1.5}.actions{display:flex;justify-content:space-between;gap:12px}.guide{background:var(--mint);border:0;height:fit-content}.guide p{font-size:15px}.guide .big{font-size:48px}.muted{color:#62748d;font-size:14px}.visual{background:#f1f6fd;border-radius:20px;padding:16px;text-align:center;font-size:38px;margin:15px 0}.clock{width:210px;max-width:100%;display:block;margin:auto}.countrow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ordinalrow{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.ordinalrow span{font-size:21px;border-radius:8px;padding:5px;background:#e5edf9}.ordinalrow .marked{background:var(--yellow)}.score{font:600 76px Fredoka,sans-serif;color:var(--blue)}table{border-collapse:collapse;width:100%;margin:24px 0;text-align:left}th,td{border-bottom:1px solid #e3eaf3;padding:12px 8px}footer{max-width:1112px;margin:0 auto;padding:22px 0;border-top:1px solid #dfe6ef;font-size:13px;color:#62748d;display:flex;justify-content:space-between}.resulthead{text-align:center}.rule{font-weight:800}.save{font-size:12px;color:#64748b}dialog{border:0;border-radius:22px;padding:28px;max-width:430px;box-shadow:0 20px 80px #152f5355}dialog::backdrop{background:#152f5388}@media(max-width:800px){main{margin:10px 18px 40px}.hero{padding:28px;grid-template-columns:1fr}.space{display:none}.topics{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.guide{order:2}.intro{gap:10px}.intro>div{padding:14px}.pill{display:none}.card{padding:23px}.question{font-size:25px}footer{margin:0 18px}.ordinalrow{grid-template-columns:repeat(5,1fr)}}@media(max-width:450px){.intro{flex-direction:column}.options{grid-template-columns:1fr}.actions button{padding:14px}.topline{font-size:13px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{header,footer,button,.save{display:none}main{margin:0}.card{border:0}body{background:white}}
.hero{background:linear-gradient(115deg,#163f45,#23645d);border:5px solid #fff;box-shadow:0 8px 25px #173c4412}.planet{width:290px;height:140px;border-radius:50%;background:#8bbd88;bottom:15px;box-shadow:0 0 0 15px #bddbab55,0 0 0 30px #bddbab22;border:3px solid #d6e9b6}.pokemon{width:310px;max-width:100%;position:relative;z-index:1}.space{min-height:340px}.logo{background:linear-gradient(#e65249 0 45%,#26384d 45% 55%,white 55%);color:#23384f;border:2px solid #26384d}.logo span{display:none}.hero .badge{z-index:2}.guide{background:#e7f3df}.progress>div{background:#328365}

button.topic{text-align:left;color:var(--ink);font-weight:600;cursor:pointer}button.topic:hover{border-color:var(--blue);background:#edf4ff}.resulthead .actions{flex-wrap:wrap;justify-content:center}