@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;background:#f8f8f2;color:#203e36;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c48139;outline-offset:4px}button{min-height:44px}a{color:inherit}.topbar{height:86px;background:#fffefa;border-bottom:1px solid #e5e9df;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:25px;position:sticky;top:0;z-index:5}.brand{font-family:Outfit,sans-serif;display:flex;align-items:center;gap:9px;font-size:29px;font-weight:600;letter-spacing:-1px;text-decoration:none}.brand-mark{display:grid;place-items:center;color:#f5df93;background:#1f4e40;border-radius:11px;width:35px;height:35px;font-size:25px}.brand-small{font-size:8px;font-weight:500;letter-spacing:2px;margin-left:3px;margin-top:8px}.topbar nav{display:flex;align-items:center;gap:20px;font-size:12px}.topbar nav button{background:none;border:0;color:#728579;padding:8px}.topbar nav button.active{color:#234e3d;font-weight:700}.topbar nav a{text-decoration:none;margin-left:13px;color:#758477}.header-end{font-size:8px;letter-spacing:1.3px;color:#728578;white-space:nowrap}.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7a9d6f;margin-right:7px}.page{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1600px;margin:auto;gap:36px;padding:30px 4% 0}.sidebar{padding:9px 22px 20px 0;border-right:1px solid #e2e6dc}.aside-label{font-size:8px;font-weight:700;letter-spacing:1.6px;color:#7e9080;margin-bottom:16px}.sidebar label{display:block;font-size:12px;margin-bottom:8px}.sidebar select{width:100%;background:#fffefa;border:1px solid #d5ded1;border-radius:9px;min-height:46px;padding:10px;font-weight:500;font-size:16px;color:#224b3b}.grade-note{font-size:10px;line-height:1.7;color:#899587;margin:10px 0 30px}.subject{display:flex;align-items:center;gap:10px;border:0;border-radius:9px;background:none;width:100%;text-align:left;padding:10px;color:#708070;font-size:12px;margin:5px 0}.subject>span{font-size:21px;width:25px}.subject.active{background:#e4ecdf;color:#2a513c;font-weight:600}.subject small{margin-left:auto;font-size:9px;color:#8c9a86}.subject-label{margin-bottom:10px}.planned-label{margin-top:32px}.planned{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;color:#8c998e;font-size:11px}.planned small{font-size:7px;letter-spacing:1px;color:#9aa69a}.aside-card{margin-top:40px;background:#f0eddd;border:1px solid #e8e3cc;border-radius:13px;padding:17px}.aside-card>span{color:#a4a063;font-size:22px}.aside-card h3{font-family:Outfit;font-size:18px;line-height:1.25;font-weight:500;margin:10px 0}.aside-card p{font-size:10px;line-height:1.8;color:#8a8c70}main{min-width:0}.hero{background:#214e41;border-radius:20px;color:#fffbe8;display:grid;grid-template-columns:60% 40%;min-height:390px;overflow:hidden;position:relative}.hero-copy{padding:37px 35px;z-index:1}.eyebrow{font-size:8px;line-height:1.7;letter-spacing:1.5px;font-weight:600;color:#b5cead}.eyebrow i{display:inline-block;width:5px;height:5px;background:#e7d78f;border-radius:50%;margin-right:5px}h1{font-family:Outfit;font-size:clamp(35px,3.6vw,58px);font-weight:500;line-height:1.05;letter-spacing:-1.7px;margin:22px 0 16px}h1 em{font-style:normal;color:#e8d495}.hero-copy p{font-size:13px;line-height:1.8;color:#b3c8b7}.hero-button{background:#e9d797;color:#284b3b;border:0;border-radius:8px;font-size:11px;font-weight:700;padding:13px 17px;margin-top:8px}.hero-button>span{margin-left:25px}.hero-meta{font-size:7px;letter-spacing:1px;color:#9cb99e;margin-top:22px}.hero-meta span{padding:0 7px}.hero-art{position:relative}.orbit{position:absolute;border:1px solid #a4c19a26;border-radius:50%;width:340px;height:340px;top:32px;left:-4px}.orbit-two{width:260px;height:260px;left:36px;top:72px}.floating-card{position:absolute;width:140px;height:150px;border-radius:15px;display:grid;align-content:center;justify-items:center;gap:10px;box-shadow:0 13px 30px #092b2b44}.floating-card span{font:65px Outfit}.floating-card small{font-size:6px;letter-spacing:1px}.fc-book{background:#bdc8ab;color:#284c42;left:3%;top:53px;transform:rotate(-12deg)}.fc-math{background:#f1d99b;color:#766235;left:43%;top:160px;transform:rotate(14deg)}.art-star{position:absolute;left:60%;top:45px;color:#f0e3ab;font-size:65px}.spark{position:absolute;color:#b8cbaa}.s1{left:10%;top:253px;font-size:42px}.s2{left:80%;top:310px;font-size:27px}.art-caption{position:absolute;bottom:31px;left:6%;color:#afc6ae;font-size:10px;line-height:1.6;transform:rotate(-8deg)}.catalog{padding-top:33px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:18px}.light{color:#83957b}h2{font-family:Outfit;font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:8px 0}.search{display:flex;align-items:center;background:#fffefa;border:1px solid #dfe5d9;border-radius:8px;padding:4px 10px;gap:8px}.search span{font-size:22px;color:#8a9b83}.search input{background:none;border:0;outline:none;font-size:11px;color:#3f5948;width:155px;min-height:36px}.filters{display:flex;align-items:center;gap:8px;padding:18px 0}.filters button{border:1px solid #dee5d8;background:transparent;border-radius:25px;padding:8px 14px;font-size:10px;min-height:34px;color:#758771}.filters button.active{background:#e8eddc;color:#365c3e;border-color:#dce4d1}.filters>span{margin-left:auto;color:#99a68f;font-size:10px}.activities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.activity{border:1px solid #e0e6d9;background:#fffefa;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.activity:hover{transform:translateY(-4px);box-shadow:0 10px 25px #2f583510}.card-art{height:150px;overflow:hidden;position:relative}.card-art svg{height:100%;width:100%;display:block}.card-art .card-badge{position:absolute;left:11px;top:11px;font-size:7px;letter-spacing:1px;background:#ffffffc9;color:#3f6354;padding:5px 8px;border-radius:20px}.card-body{padding:16px;display:flex;flex-direction:column;flex:1}.card-subject{font-size:8px;letter-spacing:1px;color:#9c9c76}.card-subject.reading{color:#9694b5}.card-body h3{font-family:Outfit;font-weight:500;font-size:21px;margin:7px 0}.card-body p{font-size:11px;color:#8a9783;line-height:1.7;flex:1;margin:0 0 16px}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9ecdf;padding-top:12px;color:#93a188;font-size:9px}.card-foot button{background:#edf1e3;border:0;border-radius:7px;color:#496c47;font-size:10px;font-weight:600;min-height:37px;padding:8px 12px}.how{display:grid;grid-template-columns:32% 68%;gap:25px;border-top:1px solid #e1e6d9;margin-top:38px;padding-top:29px}.how>div>p{font-size:11px;color:#8b9982;line-height:1.8;max-width:230px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-right:25px}.principles>div>span{font-family:Outfit;font-size:22px;color:#b9c4ab}.principles h3{font-size:12px;font-weight:500;margin:13px 0 7px}.principles p{font-size:10px;line-height:1.8;color:#8b9982}.grownup{font-size:11px;color:#7e9277;margin:25px 0}.grownup p{font-size:12px;line-height:1.8;max-width:800px}footer{border-top:1px solid #e2e7d9;display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:8px;letter-spacing:1px;color:#95a48b}footer>span:first-child{font:18px Outfit;letter-spacing:0;color:#4a6e46}footer a{text-decoration:none}#empty{background:#fffefa;border:1px dashed #b3c1a5;padding:30px;border-radius:12px}#empty p{font-size:13px}#empty button{border:0;border-radius:8px;background:#214e41;color:white;padding:10px 15px}dialog#player{padding:0;border:0;max-width:none;max-height:none;width:100%;height:100dvh;position:fixed;inset:0;margin:0;background:#f8f8f2;color:#203e36;overflow:hidden}dialog::backdrop{background:#18332ddd}.player-top{height:52px;background:#fffefa;border-bottom:1px solid #dce4d5;display:flex;align-items:center;gap:20px;padding:4px 18px}.player-top strong{font-size:14px}.player-top>span{font-size:11px;color:#85977a}.player-top button{margin-left:auto;border:0;background:#e8eddc;border-radius:7px;color:#365c3e;padding:8px 12px;font-size:12px;min-height:40px}#player-content{height:calc(100% - 52px);overflow:auto}#player-content iframe{width:100%;height:100%;display:block;border:0;background:#14262c}.reader{max-width:850px;margin:28px auto;padding:24px}.reader .reading-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.reader h2{font-size:34px}.reader .passage{background:#fffefa;border:1px solid #e2e6d9;border-radius:16px;padding:28px;font-size:19px;line-height:1.9;white-space:pre-line;margin:20px 0}.reader .reading-label{font-size:10px;letter-spacing:1px;color:#829576}.reader .reading-question{font-size:20px;line-height:1.5}.reader .choices{display:grid;gap:10px;margin-top:20px}.reader .choices button{text-align:left;padding:15px;border:1px solid #cddac4;border-radius:10px;background:#fffefa;color:#35553c;font-size:16px;min-height:55px}.reader .choices button.correct{background:#dcead3;border-color:#79965e}.reader .choices button.wrong{background:#f3e4d9;border-color:#c49e87}.reader .feedback{font-size:16px;line-height:1.7;margin:18px 0}.reader .primary{background:#214e41;border:0;color:white;border-radius:9px;padding:14px 20px;font-size:15px;min-height:48px}.reader .listen{background:#e8eddc;border:0;border-radius:9px;padding:10px 14px;color:#365c3e}.reader .result{font:45px Outfit;color:#547a49}.reader .reading-progress{height:6px;border-radius:6px;background:#dce4d2;margin:20px 0}.reader .reading-progress span{height:100%;display:block;background:#7e9a64;border-radius:6px}.no-scroll{overflow:hidden}@media(max-width:1200px){.page{grid-template-columns:170px minmax(0,1fr);gap:25px;padding:25px 3% 0}.header-end{display:none}.hero-copy{padding:30px 26px}.floating-card{width:112px;height:135px}.hero-art .fc-math{left:40%}.hero-meta{font-size:6px}.activities{gap:12px}.card-body{padding:13px}.how{grid-template-columns:1fr;gap:12px}.principles{padding:0}.how>div>p{max-width:600px}.aside-card{padding:13px}.card-art{height:135px}}
@media(max-width:850px){.topbar{height:74px;padding:0 4%;gap:12px}.brand{font-size:25px}.brand-small{display:none}.topbar nav{gap:5px;font-size:11px}.topbar nav a{display:none}.page{display:block;padding:18px 4% 0}.sidebar{border:0;padding:0;display:flex;align-items:center;gap:10px;margin-bottom:17px}.sidebar>.aside-label,.grade-note,.sidebar>.subject,.sidebar>.planned,.aside-card{display:none}.sidebar label{font-size:12px;margin:0}.sidebar select{width:170px;margin-left:auto}.hero{min-height:330px}.hero-copy{padding:30px}.hero-art{overflow:hidden}.hero h1{font-size:47px}.activities{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-meta{font-size:7px}.topbar nav button{min-height:44px}.sidebar select{min-height:46px}.card-foot button{min-height:44px;font-size:12px}.card-body p{font-size:13px}.card-subject,.card-foot{font-size:10px}.card-art{height:160px}.filters button{min-height:44px;font-size:12px}.section-top{align-items:start}.search input{font-size:16px;width:160px}.principles p{font-size:12px}.grownup{font-size:13px}footer>span:nth-child(2){display:none}}
@media(max-width:540px){.topbar{height:68px}.brand{font-size:24px}.topbar nav{gap:1px}.topbar nav button{font-size:11px;padding:7px}.hero{grid-template-columns:1fr;min-height:375px}.hero-copy{padding:27px 22px}.hero-art{position:absolute;right:-30px;bottom:-28px;width:160px;height:210px;opacity:.4;pointer-events:none}.fc-book{display:none}.fc-math{left:20%!important;top:50px}.art-star{font-size:36px;top:0;left:35%}.hero h1{font-size:46px}.hero-copy p{font-size:14px}.hero-button{font-size:13px;min-height:48px}.hero-meta{font-size:6px;letter-spacing:.6px;line-height:1.8;max-width:230px}.section-top{display:block}.search{margin-top:15px}.search input{width:100%;min-height:40px}.catalog h2{font-size:25px}.filters{flex-wrap:wrap;gap:6px}.filters>span{font-size:10px}.filters button{padding:8px 11px;font-size:11px}.activities{grid-template-columns:1fr;gap:18px}.card-art{height:185px}.card-body{padding:18px}.card-body h3{font-size:26px}.card-body p{font-size:14px}.card-foot{font-size:12px}.card-foot button{font-size:14px;padding:10px 17px}.how{margin-top:29px}.principles{grid-template-columns:1fr;gap:7px}.principles>div{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.principles>div>span{grid-row:1/3;margin-top:8px}.principles p{margin-top:0;font-size:13px}.how>div>p{font-size:13px}.player-top{padding:4px 10px;gap:10px}.player-top strong{font-size:13px}.player-top>span{font-size:10px}.player-top button span{display:none}.player-top button{min-width:44px;min-height:44px}.reader{margin:0 auto;padding:20px 15px}.reader h2{font-size:28px}.reader .passage{padding:20px;font-size:18px}.reader .reading-question{font-size:20px}.reader .reading-header{align-items:start}.reader .listen{font-size:12px;min-height:44px}footer{font-size:8px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.activity{transition:none}}