*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7ff;color:#17203a;line-height:1.55}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#06b6d4);color:#fff;padding:32px 18px 44px;text-align:center}.brand{font-size:25px;font-weight:900;letter-spacing:.3px}.brand small{font-size:13px;opacity:.8}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;margin:25px 0 6px;opacity:.9}.hero h1{max-width:900px;margin:0 auto;font-size:clamp(28px,6vw,50px);line-height:1.08}.hero-text{max-width:720px;margin:16px auto 0;font-size:16px}.hero-art{position:absolute;inset:0;pointer-events:none;opacity:.18}.shape{position:absolute;border:5px solid white}.circle{width:100px;height:100px;border-radius:50%;left:7%;top:18%}.triangle{width:0;height:0;border-left:55px solid transparent;border-right:55px solid transparent;border-bottom:95px solid white;right:8%;top:20%;border-width:0 55px 95px}.square{width:90px;height:90px;right:22%;bottom:-20px;transform:rotate(25deg)}.wrap{max-width:1100px;margin:-22px auto 0;padding:0 14px 45px;position:relative}.panel,.progress-panel{background:#fff;border:1px solid #e4e7f1;border-radius:20px;box-shadow:0 10px 30px rgba(40,50,90,.08)}.controls{padding:18px}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.controls label{font-weight:800;font-size:13px}.controls select{display:block;width:100%;margin-top:6px;padding:12px;border:2px solid #e3e6f0;border-radius:12px;background:#fff;font:inherit}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.button-row button,.result button{border:0;border-radius:12px;padding:12px 17px;font-weight:900;cursor:pointer;touch-action:manipulation}.primary{background:#4f46e5;color:white}.secondary{background:#eef0ff;color:#333b75}.status{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f7f8fc;color:#59627a;font-size:14px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding:12px}.dashboard>div{text-align:center;padding:8px;border-radius:12px;background:#f8f9ff}.dash-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#68718a}.dashboard strong{font-size:19px}.progress-panel{padding:13px 16px;margin-top:14px}.progress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.progress-track{height:13px;background:#e9ebf5;border-radius:20px;overflow:hidden;margin-top:7px}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#4f46e5,#06b6d4);transition:width .3s}.worksheet{margin-top:15px}.question-card{background:#fff;border:1px solid #e2e5ee;border-radius:18px;padding:18px;margin:12px 0;box-shadow:0 6px 18px rgba(40,50,90,.06);animation:rise .35s ease}.q-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.q-num{font-weight:900;color:#4f46e5}.q-type{font-size:11px;background:#eef0ff;padding:4px 8px;border-radius:20px;font-weight:800;color:#515a92}.question{font-size:18px;font-weight:750;margin:10px 0}.hint{font-size:13px;color:#68718a;margin-bottom:10px}.answer-row{display:flex;gap:8px;align-items:center}.answer{width:100%;padding:13px;border:2px solid #dce0eb;border-radius:12px;font-size:17px;outline:none}.answer:focus{border-color:#6366f1}.answer.correct{border-color:#16a34a;background:#ecfdf3;color:#166534}.answer.wrong{border-color:#dc2626;background:#fef2f2;color:#991b1b;animation:shake .35s}.check,.show{border:0;border-radius:10px;padding:11px 12px;font-weight:900;cursor:pointer;white-space:nowrap}.check{background:#17203a;color:#fff}.show{background:#fff3c4;color:#755700;display:none}.feedback{min-height:23px;font-weight:800;font-size:13px;margin-top:7px}.answer-text{display:none;margin-top:8px;padding:9px 11px;background:#f8fafc;border-radius:10px;font-size:13px}.empty-state{text-align:center;background:#fff;border:1px dashed #ccd2e4;border-radius:18px;padding:35px}.kid-graphic{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:25px;background:#eef0ff;color:#4f46e5;font-size:42px;font-weight:900}.result{text-align:center;padding:25px;margin-top:18px}.hidden{display:none}.trophy{font-size:50px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.result-grid div{background:#f7f8ff;padding:12px;border-radius:14px}.result-grid b,.result-grid span{display:block}.learning{padding:25px;margin-top:18px}.learning h2{font-size:28px;margin-top:0}.learning h3{margin-top:25px;color:#3730a3}.formula{background:#f0f4ff;border-left:5px solid #4f46e5;padding:13px;margin:12px 0;border-radius:8px;font-weight:800;overflow:auto}footer{text-align:center;padding:30px 15px;background:#151a2d;color:#dce1ff}button:disabled{opacity:.55;cursor:not-allowed}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@media(max-width:700px){.hero{padding-top:25px}.control-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:repeat(2,1fr)}.button-row>*{flex:1 1 100%}.answer-row{flex-direction:column;align-items:stretch}.check,.show{width:100%}.question{font-size:17px}.learning{padding:18px}.result-grid{grid-template-columns:1fr}.wrap{padding-left:10px;padding-right:10px}.hero-art{display:none}}@media print{.hero{background:#fff!important;color:#111;padding:10px}.controls,.dashboard,.progress-panel,.result,footer,.status,.check,.show,.feedback,.answer-text{display:none!important}.wrap{margin:0;max-width:none}.panel,.question-card{box-shadow:none;border:1px solid #aaa}.question-card{break-inside:avoid}.worksheet{margin:0}.learning{display:none!important}.answer{border:1px solid #999}.hero h1{font-size:24px}.hero-text,.eyebrow,.brand{color:#111!important}}