@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{--ink:#1c3038;--muted:#667780;--green:#d5fa64;--line:#e0e6e6;--paper:#f4f6f6;--nav:#182c34}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #218976;outline-offset:4px}.skip{position:fixed;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:0}.sidebar{width:248px;background:var(--nav);color:#fff;position:fixed;inset:0 auto 0 0;padding:33px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font:800 26px/1.2 Manrope,sans-serif;letter-spacing:-1px}.mark{background:var(--green);color:var(--nav);width:40px;height:44px;border-radius:10px;font-size:28px;text-align:center;position:relative;padding-top:5px}.mark span{font-size:18px;position:absolute;right:1px;top:0}.academy{display:block;font:500 10px/2 'DM Sans';letter-spacing:4px;color:#b8c8cb}.workspace-label{color:#a6b7bb;font-size:12px;letter-spacing:1.5px;margin:54px 12px 18px}nav a{display:flex;gap:14px;align-items:center;padding:13px 15px;border-radius:8px;color:#b9c7ca;margin-bottom:7px;font-size:17px}nav a span{font-size:14px}nav a.active{color:var(--ink);background:var(--green);font-weight:700}nav a small{margin-left:auto;opacity:.7}nav a:hover{background:#29424b;color:white}nav a.active:hover{background:var(--green);color:var(--ink)}.side-bottom{margin-top:auto}.pilot{border:1px solid #3b5057;border-radius:12px;padding:20px 16px;margin:35px 0}.pill{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--green)}h3{font:700 19px/1.45 Manrope,sans-serif;margin:12px 0}.pilot p{color:#a9bdc4;font-size:13px;line-height:1.7}.profile{display:flex;gap:11px;align-items:center}.avatar{height:36px;width:36px;border-radius:50%;background:#395059;color:#d5fa64;display:grid;place-items:center}.profile b{font-size:14px;font-weight:500}.profile small{display:block;color:#a9bdc4;font-size:12px}.shell{margin-left:248px}header{height:78px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:14px;color:var(--muted)}.preview-badge{background:#f1f5e8;border:1px solid #dce6bf;color:#506232;border-radius:20px;padding:5px 12px;font-size:12px}main{max-width:1450px;margin:auto;padding:36px 44px 60px;min-height:calc(100vh - 145px)}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#6c7e7f;text-transform:uppercase}h1{font:800 32px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:6px 0 10px}h2{font:800 21px/1.4 Manrope,sans-serif;letter-spacing:-.5px;margin:0}.subtitle{color:var(--muted);margin:0}.intro{margin-bottom:30px}.hero{background:#dfebdf;border:1px solid #ceddce;border-radius:16px;padding:30px 34px;display:grid;grid-template-columns:1.4fr 1fr;gap:25px;position:relative;overflow:hidden}.hero h2{font-size:26px;margin:12px 0;max-width:430px}.hero p{max-width:470px;color:#4e6660;margin:0 0 23px}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:600;background:#ffffff99}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:7px;padding:10px 17px;font-size:14px;font-weight:600}.button:hover{background:#365560}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#f2f5ef}.hero-art{align-self:center;background:#ffffffad;border:1px solid #fff;border-radius:12px;padding:18px 24px;transform:rotate(-3deg);max-width:310px;margin:auto;width:100%;box-shadow:0 12px 20px #3249310a}.chart-label{font-size:12px;color:#667780}.chart-number{font:800 26px Manrope;margin:8px 0}.bars{height:75px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid #bbc9bc}.bars i{flex:1;background:#6a9680;border-radius:4px 4px 0 0}.bars i:last-child{background:#263e36}.chart-foot{display:flex;justify-content:space-between;font-size:11px;color:#697a71;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 34px;gap:18px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:17px 21px;display:flex;gap:16px;align-items:center}.stat-icon{background:#f0f4ed;border-radius:10px;width:42px;height:42px;display:grid;place-items:center;font-size:21px}.stat b{font:800 24px Manrope}.stat small{display:block;color:var(--muted);font-size:13px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.text-link{color:#3a6958;font-size:14px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.course{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.course-top{padding:24px 26px;background:#e6edf8;display:flex;justify-content:space-between;min-height:119px;align-items:center}.course-top.business{background:#f3eddc}.course-symbol{width:54px;height:54px;border:1px solid #ffffff;background:#ffffff88;display:grid;place-items:center;border-radius:12px;font:700 23px monospace}.course-top small{color:#596a76;font-size:12px}.course-top h3{margin:4px 0;font-size:21px}.course-body{padding:22px 26px}.course-body p{color:var(--muted);font-size:14px;margin:0 0 19px;min-height:45px}.meta{display:flex;gap:16px;color:#657680;font-size:12px;margin:10px 0 18px}.course-foot{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between}.course-foot span{font-size:12px;color:var(--muted)}.lab-strip{display:flex;gap:20px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:22px 26px}.lab-icon{background:#eff3e7;border:1px solid #dfe8cd;border-radius:10px;width:50px;height:50px;display:grid;place-items:center;font:700 20px monospace;flex-shrink:0}.lab-strip h3{margin:0 0 3px;font-size:16px}.lab-strip p{color:var(--muted);font-size:14px;margin:0}.lab-strip .button{margin-left:auto;white-space:nowrap}footer{margin:0 44px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px;color:#687d83}footer span{letter-spacing:0}.back{font-size:14px;color:#4b6a60;display:inline-block;margin-bottom:22px}.notice{font-size:14px;color:#57675c;background:#eff3e8;border:1px solid #dce5d0;border-radius:8px;padding:13px 17px;margin:20px 0}.split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.panel p{color:var(--muted);font-size:14px}.panel ul{padding-left:20px;font-size:14px;line-height:1.9}.module{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:13px;overflow:hidden}.module summary{cursor:pointer;padding:19px 22px;display:flex;gap:16px;align-items:center;list-style:none}.module summary:after{content:'+';margin-left:auto;color:#6b8174;font-size:22px}.module[open] summary:after{content:'−'}.module summary b{font-size:16px}.module summary small{display:block;font-size:12px;color:var(--muted)}.module-num{background:#f2f4ee;border:1px solid #e4e9dd;border-radius:7px;padding:6px 10px;font-size:14px;font-weight:600}.lesson-row{display:flex;align-items:center;gap:14px;padding:14px 23px;border-top:1px solid #eef1f0;font-size:14px}.lesson-row:hover{background:#f6f9f0}.lesson-row small{margin-left:auto;color:#6e7d82;font-size:12px;white-space:nowrap}.lesson-row .dot{color:#6c8878}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.lesson-nav a{display:block;border-bottom:1px solid #edf0ee;padding:13px 0;font-size:14px}.lesson-nav a.current{color:#477032;font-weight:700}.article{background:white;border:1px solid var(--line);border-radius:13px;padding:35px;max-width:850px}.article h2{margin:28px 0 12px}.article h1{font-size:30px}.article p,.article li{line-height:1.85}.article .lead{font-size:18px;color:#5c6f72}.example{background:#f4f7ef;border-left:3px solid #7b9a46;padding:18px 22px;margin:24px 0}.example p{margin:6px 0;font-size:15px}.article code{background:#edf1ed;padding:2px 5px;border-radius:4px;font-size:14px}pre{background:#172c34;color:#dcf0cd;border-radius:10px;padding:22px;overflow:auto;font-size:14px;line-height:1.8}.article pre code{background:none;color:inherit;padding:0}.lesson-next{margin-top:30px;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.lab-card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;flex-direction:column}.lab-card h3{margin-top:16px}.lab-card p{color:var(--muted);font-size:14px}.lab-card .button{align-self:start;margin-top:auto}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip{font-size:12px;background:#edf2eb;border-radius:5px;padding:4px 9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}th{background:#f4f6f1}details.solution{border:1px solid var(--line);padding:15px 20px;border-radius:9px;margin:20px 0}details.solution summary{cursor:pointer;font-weight:600}.status{font-size:12px;color:#776332;background:#fbf4dd;padding:4px 9px;border-radius:5px}.empty{text-align:center;padding:60px 20px}.course-top,.button,.module summary{transition:background .15s} @media(min-width:1500px){main{padding-top:48px}.hero{padding:38px 40px}}@media(max-width:1100px){.sidebar{width:215px;padding:27px 18px}.shell{margin-left:215px}main{padding:28px}header{padding:0 28px}.split{grid-template-columns:1fr}.split>.panel{order:-1}.hero-art{max-width:240px}.lesson-layout{grid-template-columns:1fr}.lesson-nav{display:none}.stat{padding:14px;gap:10px}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:16px 20px;display:block}.brand{font-size:21px}.mark{height:35px;width:34px;font-size:23px}.academy{font-size:9px;letter-spacing:3px}.workspace-label,.side-bottom{display:none}nav{display:flex;margin-top:18px;gap:7px}nav a{flex:1;padding:9px;justify-content:center;gap:6px;margin:0}nav a span{font-size:13px}nav a small{display:none}.shell{margin:0}header{height:55px;padding:0 20px;font-size:12px}main{padding:26px 20px 40px}h1{font-size:27px}.hero{grid-template-columns:1fr;padding:24px}.hero-art{display:none}.hero h2{font-size:23px}.stats{gap:8px}.stat{display:block;padding:13px 10px}.stat-icon{display:none}.stat b{font-size:22px}.stat small{font-size:12px}.grid{grid-template-columns:1fr}.lab-strip{flex-wrap:wrap;padding:20px}.lab-strip .button{margin:0;width:100%}.lab-strip>div:nth-child(2){flex:1}.article{padding:23px}.article h1{font-size:26px}.lesson-next{flex-wrap:wrap}.section-title{gap:12px}.section-title h2{font-size:20px}.text-link{font-size:13px}.module summary{padding:16px}.lesson-row{padding:14px 16px}footer{margin:0 20px;display:block}footer span{display:block;margin-top:5px}}
.account-panel{max-width:660px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #cbd6d4;border-radius:7px;background:white;color:var(--ink);padding:11px 12px;font:16px/1.5 'DM Sans',sans-serif;margin-top:7px}input:focus,textarea:focus,select:focus{outline:2px solid #7d9b4e;outline-offset:1px}textarea{resize:vertical}.checkline{display:flex;gap:10px;align-items:flex-start;font-weight:400}.checkline input{margin-top:5px}.form-status{min-height:24px;font-size:14px;color:#366943}.field-help{font-size:13px!important}.admin-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px}.lesson-list{max-height:calc(100vh - 210px);overflow:auto}.editor-link{width:100%;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);padding:12px 8px;color:var(--ink);font-size:14px}.editor-link:hover,.editor-link.selected{background:#edf3df}.editor-link span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.editor-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.editor-panel{min-width:0}.resources{border-top:1px solid var(--line);margin-top:25px;padding-top:14px}button:disabled{opacity:.6;cursor:wait}.editor-panel>h2{margin-top:8px}nav a{padding-top:10px;padding-bottom:10px}.pilot{margin:24px 0}@media(max-width:1100px){.admin-layout{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:760px){.admin-layout{grid-template-columns:1fr}.lesson-list{max-height:360px}nav{flex-wrap:wrap}nav a{min-width:30%}.editor-panel{padding:20px}.account-panel{padding:20px}}