*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f5f7ff;color:#172033;padding-bottom:72px}header{background:#4f46e5;color:#fff;padding:16px;position:sticky;top:0;z-index:5}header b{display:block;font-size:19px}header small{opacity:.9}main{max-width:900px;margin:auto;padding:18px}.screen{display:none}.screen.active{display:block}.panel,.card,.quiz,.lesson{background:#fff;border-radius:18px;padding:20px;box-shadow:0 5px 20px #17203314;margin-bottom:15px}.panel{max-width:520px;margin:40px auto}.center{text-align:center}.hero{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:22px;padding:24px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.stats div{background:#fff;padding:15px;border-radius:15px;text-align:center;box-shadow:0 4px 15px #17203310}.stats b{display:block;font-size:23px}.stats small{color:#6b7280}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.card{border:0;cursor:pointer;text-align:center;font-size:16px;font-weight:700}.card small{display:block;color:#6b7280;font-weight:500;margin-top:6px}.primary{width:100%;border:0;border-radius:12px;background:#4f46e5;color:white;padding:14px;font-size:16px;font-weight:700;cursor:pointer}input{width:100%;padding:13px;border:1px solid #d6d9e5;border-radius:11px;margin:12px 0;font-size:16px}.back{border:0;background:#e8eaff;border-radius:10px;padding:9px 14px;cursor:pointer}.option{display:block;width:100%;padding:13px;margin:9px 0;text-align:left;background:#fafbff;border:1px solid #d8dcef;border-radius:12px;cursor:pointer}.option:hover{background:#eef0ff}.correct{border-color:#22c55e;background:#ecfdf5}.wrong{border-color:#ef4444;background:#fef2f2}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:center;gap:65px;padding:8px;z-index:10}nav button{border:0;background:none;font-size:21px}nav small{display:block;font-size:11px;color:#667085}h1,h2{margin-top:5px}