@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#245e48;--accent:#eaf2d6;--ink:#233d32;--muted:#7d877f}*{box-sizing:border-box}body{margin:0;background:#fafbf7;color:var(--ink);font:14px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e4b44b;outline-offset:4px}aside{width:235px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e8ebe3;padding:36px 24px;display:flex;flex-direction:column}.brand{font:800 39px Manrope,sans-serif;color:var(--green);text-decoration:none;letter-spacing:-2px}.brand span{display:block;font:600 8px 'DM Sans';letter-spacing:1.8px;margin:8px 0 50px}.navlabel,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#8b968b}.navlabel{margin:0 12px 15px}nav button{width:100%;border:0;background:none;text-align:left;padding:15px 12px;color:#7d877f;margin:3px 0;border-radius:10px;display:flex;gap:12px;font-size:17px}nav button span{font-size:12px}nav .active{background:#eaf2e5;color:var(--green);font-weight:700}.side-bottom{margin-top:auto;background:#f5f7ee;padding:18px 15px;border-radius:12px}.small-bird{font-size:30px;margin-bottom:12px}.side-bottom b{font-size:12px}.side-bottom p{font-size:11px;line-height:1.7;color:var(--muted)}.side-bottom button{border:0;background:none;padding:6px 0;color:var(--green);font-size:11px;font-weight:700}.local-note{font-size:9px;color:#9ba398;line-height:1.9;margin:24px 10px 0}main{margin-left:235px}header{height:82px;border-bottom:1px solid #e8ebe3;display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#fff8}.breadcrumb{font-size:11px;color:#939b92}.breadcrumb span{margin:0 14px;color:#b8bdb5}.breadcrumb b{color:#586c5c;font-weight:500}.header-right{display:flex;align-items:center;gap:24px}.points{background:#fff6df;color:#ab8130;padding:9px 13px;border:1px solid #f4e9c6;border-radius:20px;font-size:11px}.avatar{border:3px solid white;box-shadow:0 0 0 1px #e1e6da;background:#eee9db;color:#867851;width:35px;height:35px;border-radius:50%}.content{max-width:1280px;margin:auto;padding:36px 46px}.welcome{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#85947a;font-size:9px}h1{font:800 29px Manrope;margin:12px 0 9px;letter-spacing:-1px}h1 span{color:#e2b757;margin-left:8px}.welcome p{color:var(--muted);font-size:13px;margin-top:0}.date-chip{border:1px solid #e5e9dc;border-radius:20px;padding:10px 14px;font-size:10px;color:#7a876e}.year-area{margin-top:28px}.section-line{display:flex;justify-content:space-between;align-items:center}.section-line h2{font:700 16px Manrope}.section-line>span{font-size:10px;color:#929b8f}#years{display:flex;gap:10px;margin:10px 0 26px}#years button{flex:1;border:1px solid #e5e8dc;background:white;border-radius:10px;padding:11px 5px;color:#7f8c7a;font-size:13px}#years button.selected{background:var(--green);color:white;border-color:var(--green);box-shadow:0 4px 9px #245e481a}.hero{background:var(--accent);border:1px solid #e1e8cf;border-radius:18px;display:flex;min-height:325px;overflow:hidden;position:relative}.hero-copy{padding:32px 36px;width:57%;z-index:1}.pill{font-size:8px;letter-spacing:1.1px;color:#607a47;background:#f7faec;padding:7px 10px;border-radius:20px}.hero h2{font:800 33px/1.3 Manrope;letter-spacing:-1px;margin:18px 0 12px}.hero h2 em{color:#6d8e4b;font-style:normal}.hero p{font-size:12px;color:#718067;line-height:1.8}.primary{background:var(--green);border:0;border-radius:8px;color:white;padding:12px 19px;font-weight:600;font-size:12px}.primary span{margin-left:25px}.hero-foot{display:block;font-size:8px;color:#8c9a7f;margin-top:17px}.hero-art{position:relative;width:43%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#ffffff65,transparent 65%)}.hero-art svg{width:265px;margin-top:45px;z-index:1}.speech{position:absolute;top:25px;right:38px;background:#fffdf3;border-radius:13px 13px 13px 0;padding:12px 18px;font-size:11px;color:#658054;line-height:1.6;transform:rotate(4deg)}.speech b{color:var(--green)}.art-label{font-size:8px;color:#8a9c79;margin-top:-15px;margin-bottom:15px}.spark{position:absolute;color:#d5b35a;font-size:30px}.s1{left:20px;top:48px}.s2{right:30px;bottom:80px}.orbit{position:absolute;left:10px;top:140px;color:#9aac85;font:italic 20px Georgia;transform:rotate(-12deg)}.below-head{margin:26px 0 8px}.text-link{border:0;background:none;color:#66825b;font-size:11px}.subjects{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.subject{background:white;border:1px solid #e5e8df;border-radius:13px;padding:19px;text-align:left;transition:transform .2s,box-shadow .2s;position:relative;color:var(--ink)}.subject:hover{transform:translateY(-4px);box-shadow:0 8px 22px #354e3010}.subject .icon{display:flex;width:40px;height:40px;border-radius:11px;align-items:center;justify-content:center;font-size:21px;margin-bottom:15px;background:var(--card);color:var(--cardInk)}.subject b{display:block;font:700 13px Manrope}.subject p{font-size:10px;color:#949b8d;margin:8px 0 16px}.subject .arrow{position:absolute;right:19px;top:25px;color:#abb3a2}.progress-track{height:4px;background:#f0f2eb;border-radius:3px}.progress-track i{display:block;height:100%;background:#89ab69;border-radius:3px}.card-foot{display:flex;justify-content:space-between;font-size:8px;color:#98a18f;margin-top:9px}.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin-top:22px}.mission,.tip{border:1px solid #e4e8da;border-radius:13px;padding:20px 23px;background:white}.mission{display:flex;align-items:center;gap:17px}.mission .bolt{font-size:25px;background:#fff4d5;padding:12px;border-radius:12px}.mission h3,.tip h3{font:700 12px Manrope;margin:0 0 7px}.mission p,.tip p{font-size:10px;color:#8b9585;margin:0;line-height:1.8}.mission button{margin-left:auto;border:1px solid #e6e9df;background:white;border-radius:7px;padding:9px;font-size:10px;color:#68815a;white-space:nowrap}.tip{background:#f0f3e8}.tip h3{color:#6d835a}footer{display:flex;justify-content:space-between;font-size:8px;color:#a1a998;border-top:1px solid #e7eadf;margin-top:28px;padding:18px 0}dialog{border:1px solid #dce6d8;border-radius:20px;padding:35px;max-width:680px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 100px #1b352b33}dialog::backdrop{background:#1a302a66;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px;color:#82917d}dialog h2{font:800 25px Manrope}dialog p{line-height:1.8;color:#71806b}.lesson-list{display:grid;gap:10px;margin:20px 0}.lesson-list button,.answer,.help-choice{width:100%;padding:14px 18px;text-align:left;background:#f8faf3;border:1px solid #e0e7d7;border-radius:9px;color:#36553a;margin:4px 0}.answer:hover{background:#eaf1df}.answer.correct{background:#dceecf;border-color:#91b873}.answer.wrong{background:#fce5de;border-color:#e6aa97}.explanation{background:#edf3e5;border-radius:10px;padding:17px;margin:15px 0;line-height:1.8}.badge{display:inline-block;background:#fff4d6;border-radius:15px;padding:8px 12px;font-size:11px;color:#9f7a2d}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#245e48;color:white;border-radius:10px;padding:15px 24px;display:none;z-index:9}body[data-cycle="3"]{--accent:#e9eef6;--green:#355879}body[data-cycle="2"]{--accent:#eeebf6;--green:#655284}@media(min-width:1500px){.content{padding-top:45px}.hero{min-height:370px}.hero h2{font-size:40px}.hero-art svg{width:300px}}@media(max-width:1100px){aside{width:195px;padding:30px 17px}main{margin-left:195px}.content{padding:25px}header{padding:0 25px}.hero-copy{padding:25px}.hero h2{font-size:27px}.hero-art svg{width:220px}.subjects{grid-template-columns:repeat(3,1fr)}.date-chip{display:none}.speech{right:10px;font-size:9px}}@media(max-width:760px){aside{position:relative;width:100%;padding:18px}.brand{font-size:28px}.brand span,.navlabel,.side-bottom,.local-note{display:none}nav{display:flex;overflow:auto;margin-top:14px}nav button{width:auto;white-space:nowrap;padding:10px;font-size:14px}nav button span{font-size:10px}main{margin:0}header{height:59px;padding:0 20px}.content{padding:25px 18px}h1{font-size:25px}.hero-copy{width:62%;padding:23px 18px}.hero h2{font-size:23px}.hero p{font-size:10px}.hero-art{width:38%}.hero-art svg{width:180px}.speech{top:40px;font-size:8px;padding:8px}.hero-foot,.art-label,.orbit{display:none}.spark{font-size:20px}.s1{left:0}.subjects{grid-template-columns:repeat(2,1fr)}#years{gap:5px}#years button{padding:10px 2px;font-size:11px}.section-line>span{font-size:9px}.bottom-grid{grid-template-columns:1fr}.eyebrow{font-size:8px}.hero{min-height:300px}footer{gap:20px}.hero .pill{font-size:6px;letter-spacing:.4px}.mission{padding:17px}.hero-art svg{margin-top:95px}}