@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#f7f8f4;--ink:#183c35;--green:#28604c;--muted:#758078;--line:#e0e5dd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Noto Sans SC',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c1a55d;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#edf1e9;padding:38px 24px;border-right:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:30px;font-weight:700;letter-spacing:3px}.brand span{display:block;font-size:10px;letter-spacing:2.7px;margin-top:6px}.aside-label{font-size:11px;color:var(--muted);margin:38px 0 16px}nav{display:grid;gap:9px}nav button{border:0;text-align:left;padding:14px;border-radius:7px;color:#63736a;background:transparent}nav button.active{background:#dce6d9;color:var(--ink);font-weight:600}.side-bottom{position:absolute;bottom:35px;color:#66756b;line-height:2;font-size:12px}.side-bottom small{font-size:10px}main{margin-left:230px;padding:0 46px;max-width:1570px}header{height:88px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}header b{font-weight:500;color:var(--ink)}.badge{border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:11px}.hero{display:grid;grid-template-columns:1.2fr 1fr;background:#e9efdf;border-radius:14px;padding:40px 42px;min-height:330px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:#6c8264;font-weight:600}h1{font-size:36px;line-height:1.5;letter-spacing:1px;margin:14px 0}p{line-height:1.95;color:#6b796c}.hero p{font-size:13px}.primary{border:0;background:var(--green);color:white;border-radius:6px;padding:12px 22px;margin-top:12px}.art{position:relative;min-height:230px}.orbit{width:220px;height:220px;border:1px solid #c5d2b6;border-radius:50%;position:absolute;top:8px;left:45px}.orbit:after{content:'';position:absolute;inset:25px;border:1px dashed #c5d2b6;border-radius:50%}.formula{position:absolute;top:12px;right:0;font:italic 25px Georgia;color:#758963;transform:rotate(-9deg)}.stairs{position:absolute;bottom:35px;left:30px;display:flex;align-items:end;filter:drop-shadow(12px 15px 0 #d3dec5)}.stairs i{display:block;width:54px;background:#728d65;height:45px;border-top:9px solid #adc19b}.stairs i:nth-child(2){height:90px;background:#5e7b54}.stairs i:nth-child(3){height:135px;background:#486b44}.stairs i:nth-child(4){height:180px;background:#305638}.art>span{position:absolute;bottom:0;left:36px;letter-spacing:2px;font-size:8px;color:#7d8d71}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 40px;padding:23px 0;border-block:1px solid var(--line)}.stats div{display:flex;align-items:center;gap:16px;padding-left:24px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{font:30px Georgia}.stats span{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center}h2{font-size:23px;margin:8px 0 20px}.section-head>span{font-size:12px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:23px}#filters{display:flex;gap:6px;flex-wrap:wrap}#filters button{border:1px solid transparent;background:transparent;padding:8px 16px;color:#748071;border-radius:5px}#filters button.active{color:var(--ink);background:#e4ebde;border-color:#d8e1d1}input{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:6px;width:205px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #23422b0a}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{background:#edf1e6;color:#607d50;border-radius:10px;display:grid;place-items:center;font:24px Georgia;width:44px;height:44px}.tag{font-size:10px;color:#7f897b;border:1px solid var(--line);padding:4px 8px;border-radius:20px}.card h3{font-size:19px;margin:20px 0 8px}.card p{font-size:12px;min-height:45px;margin:0 0 18px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0e9;padding-top:15px;align-items:center;font-size:11px;color:#8a9487}.link{border:0;background:transparent;color:var(--green);font-weight:600;padding:5px}.empty{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted);border:1px dashed var(--line)}footer{padding:35px 0;display:flex;justify-content:space-between;font-size:10px;color:#929b8d}dialog{border:0;border-radius:14px;padding:28px 35px;width:min(800px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #102b3340}dialog::backdrop{background:#142e2c99;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.dialog-top button{border:0;background:#eef1e9;border-radius:50%;width:32px;height:32px}dialog h2{font-size:28px;margin:22px 0}dialog h3{margin-top:28px}dialog p,dialog li{line-height:2;color:#536457}dialog details{border:1px solid var(--line);margin:12px 0;border-radius:7px;padding:14px}summary{cursor:pointer;font-weight:500}.math{background:#eff3e9;padding:22px;border-radius:8px;text-align:center;font:23px Georgia;line-height:1.6}.note{border-left:3px solid #b5bc82;background:#f6f6ed;padding:12px 18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.secondary{background:#edf1e8;border:1px solid var(--line);padding:12px 18px;border-radius:6px;color:var(--ink)}textarea{width:100%;min-height:100px;border:1px solid var(--line);padding:15px;font:inherit;border-radius:7px;resize:vertical}.roadmap{grid-column:1/-1}.roadmap li{line-height:2.2;color:#697767}.roadmap h3{margin-bottom:6px}@media(min-width:1350px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){aside{width:190px;padding:30px 18px}main{margin-left:190px;padding:0 25px}.hero{padding:30px}.art{transform:scale(.8);transform-origin:center}.hero h1{font-size:29px}.stats div{gap:10px;padding-left:12px}.stats strong{font-size:25px}}@media(max-width:730px){aside{position:static;width:auto;padding:18px 20px;border-right:0}.brand{font-size:23px}.brand span{display:inline;font-size:9px;letter-spacing:1px;margin-left:10px}.aside-label,.side-bottom{display:none}nav{display:flex;margin-top:17px;gap:4px}nav button{padding:10px;font-size:12px}main{margin:0;padding:0 18px}header{height:62px}.badge{font-size:9px}.hero{padding:28px;grid-template-columns:1fr}.hero h1{font-size:31px}.art{display:none}.stats{margin:20px 0 28px;padding:16px 0}.stats div{display:grid;gap:5px;padding-left:10px}.stats span{font-size:10px}.stats strong{font-size:24px}.toolbar{flex-direction:column}input{width:100%}#filters button{padding:7px 12px}.cards{grid-template-columns:1fr}footer span{display:none}dialog{padding:22px}dialog h2{font-size:24px}}