@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Nunito:wght@400;600;700;800&display=swap');
:root{--p:#5b5bd6;--p2:#7c3aed;--ink:#172038;--muted:#667085;--bg:#f7f8fc;--line:#e6e8f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,Arial,sans-serif;line-height:1.6}a{color:inherit}.nav{min-height:82px;padding:8px max(4vw,18px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center}.brand img{display:block;width:auto;height:62px;max-width:360px}nav{display:flex;align-items:center;gap:22px}nav a{text-decoration:none;font-weight:800;color:#475467}nav a:hover,nav a.active{color:var(--p)}.menu{display:none;border:0;background:none;font-size:1.5rem}.hero{min-height:620px;padding:80px max(6vw,24px);display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;background:radial-gradient(circle at 80% 20%,#ddd6fe,transparent 36%),linear-gradient(135deg,#f5f3ff,#ecfeff)}h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.08;margin:.25em 0}h2{line-height:1.25}p{color:var(--muted)}.pill,.eyebrow{display:inline-block;color:var(--p);font-weight:800}.pill{background:#eeecff;padding:5px 12px;border-radius:99px}.button,.ghost,.danger{border:0;cursor:pointer;font:inherit;font-weight:800;border-radius:12px;padding:12px 19px}.button{display:inline-block;text-decoration:none;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}.button.secondary,.ghost{background:#fff;color:var(--p);border:1px solid #cbccef}.danger{background:#fff1f2;color:#be123c}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 14px 35px #1118270c}.hero-card{text-align:center}.mascot,.trophy{font-size:5rem}.progress{height:11px;background:#eceef5;border-radius:99px;overflow:hidden;margin:10px 0}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--p),#8b5cf6)}.progress.green span{background:#22c55e}.section,.page{max-width:1180px;margin:auto;padding:70px 24px}.section-head{text-align:center;max-width:760px;margin:0 auto 36px}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:repeat(2,1fr)}footer{padding:38px max(5vw,20px);background:#101828;color:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}label{display:block;font-weight:800;margin-bottom:15px}input,select,textarea{width:100%;font:inherit;margin-top:7px;padding:13px;border:1px solid #d0d5dd;border-radius:10px}.setup,.quiz,.result{max-width:780px;margin:auto}.hidden{display:none!important}.quiz-top,.row{display:flex;justify-content:space-between;align-items:center}.question-card,.result{text-align:center}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.answer{padding:15px;border:2px solid #e4e7ec;border-radius:12px;background:#fff;font:inherit;font-weight:800}.answer.correct{background:#ecfdf3;border-color:#16a34a}.answer.wrong{background:#fff1f2;border-color:#e11d48}.stats strong{display:block;font-size:2rem;color:var(--p)}.metric{margin:23px 0}.metric label{display:flex;justify-content:space-between}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.dys-mode{font-family:'Atkinson Hyperlegible',Arial,sans-serif;letter-spacing:.05em;word-spacing:.12em;line-height:1.9}.dys-mode .card{background:#fffef5}@media(max-width:800px){.menu{display:block}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px;background:#fff;flex-direction:column}.nav nav.open{display:flex}.brand img{height:48px;max-width:245px}.hero,.three,.four,.two,.form-grid{grid-template-columns:1fr}.answers{grid-template-columns:1fr}}