@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800&display=swap');
:root{--ink:#29304d;--muted:#76809c;--paper:#fffdf9;--purple:#7357e8;--yellow:#ffd85b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Nunito,Arial,sans-serif;background-image:radial-gradient(#e9e2ff 1.2px,transparent 1.2px);background-size:24px 24px}a{text-decoration:none;color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid #eee9df;position:sticky;top:0;z-index:5}.brand{font:800 27px 'Baloo 2';color:#493a9b}.brand span{font-size:32px}nav{display:flex;gap:12px}nav a{font-weight:800;padding:10px 16px;border-radius:14px}nav a:hover{background:#f0ecff}main{max-width:1120px;margin:auto;padding:40px 24px 80px}footer{text-align:center;padding:32px;background:#332c67;color:white}.hero{min-height:310px;border-radius:36px;background:linear-gradient(120deg,#6550d8,#8d6ff1);padding:52px 64px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 20px 45px #745ce033}.hero:after{content:'';position:absolute;width:320px;height:320px;border:60px solid #ffffff12;border-radius:50%;right:-60px;top:-110px}.eyebrow,.page-heading>span,.lesson-head>span,.admin-head span,.result>span,.section-title span{font-size:13px;font-weight:900;letter-spacing:1.7px;color:#ffd85b}.hero h1{font:800 48px/1.05 'Baloo 2';margin:12px 0}.hero em{color:#ffdc63;font-style:normal}.hero p{font-size:18px}.mascot{font-size:115px;z-index:1;filter:drop-shadow(0 14px 12px #352a7b66);position:relative}.mascot span{font-size:68px;position:absolute;bottom:-20px;left:28px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:46px 0 18px}.section-title h2,.page-heading h1{font:800 34px 'Baloo 2';margin:5px 0}.section-title span,.page-heading>span,.admin-head span,.result>span{color:#7a63e7}.streak{background:#fff5cb;padding:12px 18px;border-radius:14px;font-weight:800}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grade-card{background:white;border:2px solid #eee9ff;border-radius:26px;padding:25px;box-shadow:0 12px 30px #4036800c;transition:.2s}.grade-card:hover{transform:translateY(-5px);border-color:var(--accent)}.grade-icon{font-size:42px}.grade-card small{display:block;margin-top:10px;color:var(--muted);font-weight:900}.grade-card strong{font:800 64px 'Baloo 2';color:var(--accent);display:block;line-height:1}.grade-card>span{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:14px;font-weight:800}.back{display:inline-block;margin-bottom:20px;color:#7357e8;font-weight:800}.page-heading{text-align:center;margin:15px auto 35px}.subject-grid{max-width:760px;margin:auto;display:grid;gap:18px}.subject-card{display:flex;align-items:center;gap:20px;background:#fff;padding:22px;border:2px solid #eee;border-radius:24px;box-shadow:0 10px 25px #4441;transition:.2s}.subject-card:hover{border-color:var(--accent);transform:translateX(6px)}.subject-card i{font-style:normal;font-size:40px;width:76px;height:76px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,white);border-radius:22px}.subject-card h2{font:800 25px 'Baloo 2';margin:0}.subject-card p{margin:3px 0;color:var(--muted)}.subject-card b{margin-left:auto;font-size:24px;color:var(--accent)}.lesson-list{display:grid;gap:16px;max-width:850px;margin:auto}.lesson-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;background:#fff;padding:20px;border:2px solid #eee;border-radius:22px}.lesson-row:hover{border-color:#8b72ee}.lesson-number{width:60px;height:60px;border-radius:18px;background:#eee9ff;color:#7258dd;display:grid;place-items:center;font:800 28px 'Baloo 2'}.lesson-row small{font-weight:900;color:#8b72ee}.lesson-row h2{font:800 24px 'Baloo 2';margin:3px 0}.lesson-row p{margin:0;color:var(--muted)}.lesson-state{font-weight:900;color:#7258dd}.lesson-page{max-width:850px;margin:auto}.lesson-head{text-align:center}.lesson-head h1{font:800 40px 'Baloo 2';margin:6px}.video{aspect-ratio:16/9;background:#252044;border-radius:25px;overflow:hidden;margin:28px 0}.video iframe{width:100%;height:100%;border:0}.lesson-content{background:white;border:2px solid #eee;border-radius:25px;padding:32px;font-size:18px;line-height:1.75}.lesson-content h2{font:800 29px 'Baloo 2'}.example{background:#fff5ce;padding:20px;border-radius:18px;font-size:25px;text-align:center}.primary,.secondary,.ai-button{border:0;display:inline-block;padding:15px 24px;border-radius:16px;font:800 17px Nunito;cursor:pointer}.primary{background:#7157df;color:#fff;box-shadow:0 8px 18px #7157df44}.secondary{background:#eee9ff;color:#5c45c5}.lesson-page form{text-align:center;margin-top:25px}.quiz-head{display:flex;justify-content:space-between}.quiz-head>span{font-weight:800}.quiz{max-width:760px;margin:auto}.quiz>h1{text-align:center;font:800 38px 'Baloo 2'}fieldset{border:2px solid #eee;border-radius:24px;padding:24px;margin:22px 0;background:#fff}legend{font:800 23px 'Baloo 2';padding:0 12px}legend small{display:block;font:900 12px Nunito;color:#7559e3}fieldset label{display:flex;align-items:center;gap:14px;padding:15px;border:2px solid #eee;border-radius:15px;margin:10px 0;cursor:pointer;font-weight:800}fieldset label:has(input:checked){border-color:#765de1;background:#f2efff}fieldset input{position:absolute;opacity:0}fieldset label span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eee9ff;color:#654bd2}.result{max-width:600px;margin:50px auto;text-align:center;background:#fff;border:2px solid #eee;border-radius:32px;padding:42px}.result-icon{font-size:70px}.result h1{font:800 58px 'Baloo 2';margin:8px}.scorebar{height:16px;background:#eee;border-radius:10px;overflow:hidden;margin:25px}.scorebar i{display:block;height:100%;background:linear-gradient(90deg,#ffd45d,#5bd0ac)}.actions{display:flex;justify-content:center;gap:12px}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h1{font:800 36px 'Baloo 2';margin:5px 0}.admin-tabs{display:flex;gap:8px;border-bottom:2px solid #eee;margin:25px 0}.admin-tabs a{padding:12px 18px;font-weight:800}.admin-tabs .active{color:#7357e8;border-bottom:3px solid #7357e8}.table{background:#fff;border:2px solid #eee;border-radius:20px;overflow:hidden}.table>div{display:grid;grid-template-columns:35px 2fr 1fr auto;gap:15px;padding:17px 20px;border-bottom:1px solid #eee;align-items:center}.table small{color:var(--muted)}.table a{color:#7157df;font-weight:800}.editor{max-width:780px;margin:auto;background:#fff;border:2px solid #eee;border-radius:25px;padding:30px}.editor h1{font:800 34px 'Baloo 2'}.editor label{display:grid;gap:7px;margin:16px 0;font-weight:800}.editor input,.editor textarea,.editor select{width:100%;padding:13px;border:2px solid #ddd;border-radius:12px;font:inherit}.editor textarea{min-height:90px}.editor .tall{min-height:220px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor .check{display:flex;grid-template-columns:auto 1fr}.editor .check input{width:auto}.ai-button{display:block;margin:18px auto;background:#fff2bf;color:#654f00}.notice{padding:14px;background:#dff8ec;border-radius:12px;margin-bottom:20px}@media(max-width:700px){header{height:66px;padding:0 16px}.brand{font-size:21px}nav a{padding:8px}main{padding:24px 16px 60px}.hero{padding:35px 28px;min-height:360px}.hero h1{font-size:38px}.mascot{font-size:75px;align-self:flex-end}.grade-grid{grid-template-columns:1fr}.grade-card{display:grid;grid-template-columns:70px 1fr;align-items:center}.grade-card small{margin:0}.grade-card strong{font-size:44px}.grade-card>span{grid-column:1/-1}.lesson-row{grid-template-columns:55px 1fr}.lesson-number{width:50px;height:50px}.lesson-state{grid-column:2}.two{grid-template-columns:1fr}.table>div{grid-template-columns:30px 1fr auto}.table small{grid-column:2}.admin-head{align-items:flex-start;gap:12px}.admin-head .primary{padding:11px}.actions{flex-direction:column}}