:root{color-scheme:dark;--bg:#0d1721;--panel:#182b37;--panel2:#1f343f;--line:#38545b;--muted:#aec4c4;--txt:#edf6f2;--mint:#a5dcc6;--light:#d5f4e8;--peach:#f2cba8;--danger:#eabcb8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:var(--light)}.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1}.orb-one{width:550px;height:450px;top:-280px;right:-200px;background:#37786e44}.orb-two{width:420px;height:400px;top:570px;left:-260px;background:#52678826}.shell{max-width:1170px;padding:18px 30px 32px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:6px 0 24px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#335f58,#19343b);color:var(--light);font-size:28px;border:1px solid #5e8b7e}.brand strong{display:block;letter-spacing:.09em;font-size:13px}.brand em{font-style:normal;color:var(--mint)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:3px}.header-back{font-size:13px;font-weight:600;text-decoration:none;padding:9px 13px;border:1px solid var(--line);border-radius:10px}.hero{display:flex;justify-content:space-between;min-height:275px;overflow:hidden;position:relative;border-radius:28px;border:1px solid #3d7268;background:linear-gradient(115deg,#1d4b48,#172e3b 70%);padding:38px 41px}.hero>div:first-child{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#9ed1c1}.dot{display:inline-block;width:7px;height:7px;background:#b6ead7;box-shadow:0 0 16px #b1e3d3;border-radius:50%;margin-right:6px}.hero h1{font-size:clamp(35px,5vw,54px);line-height:1.05;letter-spacing:-.045em;margin:16px 0}.hero h1 span{color:var(--mint)}.hero p{color:#c8deda;max-width:650px;font-size:14px;line-height:1.7}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hero-tags span{font-size:11px;padding:5px 11px;background:#315b5766;border:1px solid #56817a;border-radius:30px;color:#d7efe7}.hero-art{width:200px;min-width:200px;position:relative;display:grid;place-items:center}.ring{border-radius:50%;position:absolute;border:1px solid #9ee0c9}.ring-1{width:188px;height:188px;opacity:.22}.ring-2{width:132px;height:132px;opacity:.55}.hero-center{width:90px;height:90px;border-radius:50%;background:#7fc5b2;color:#173d3a;font-size:63px;display:grid;place-items:center;box-shadow:0 0 55px #80d7b577}.tabs{display:flex;overflow-x:auto;gap:9px;margin-top:22px;margin-bottom:20px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;color:#a4b8bd;padding:12px 15px 15px;font-weight:700;white-space:nowrap}.tab.selected{color:#def8ed;border-bottom:3px solid var(--mint)}.page{display:none}.page.visible{display:block}.section-head{margin:14px 0 21px}.section-head h2{font-size:clamp(25px,3.3vw,34px);letter-spacing:-.03em;margin:5px 0}.section-head p{margin:0;color:var(--muted);font-size:14px}.section-head.slimmer{margin-top:29px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:18px;padding:19px;background:#182e39}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:35px;line-height:1.4;color:var(--light)}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;margin-top:15px}.feature{background:linear-gradient(138deg,#285d50,#1b3942);border:1px solid #548675;border-radius:22px;padding:25px}.feature.subtle{background:#1a2f3c;border-color:var(--line)}.feature h3{font-size:22px;line-height:1.26;margin:10px 0 8px}.feature p{color:#c1d9d1;font-size:13px;max-width:450px;min-height:58px}.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:750;font-size:13px;text-align:center;transition:filter .1s}.btn:hover{filter:brightness(1.1)}.accent{background:var(--mint);color:#16372e}.outline{background:#284b47;color:#e2f6ec;border:1px solid #5a8a7e}.danger{background:#3a3439;border:1px solid #896568;color:#f2cecc}.recommendation{display:grid;gap:13px}.recommendation-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 21px;border-radius:19px;border:1px solid #3e6a65;background:#1b363e}.recommendation-card h3{margin:4px 0 6px}.recommendation-card p{margin:0;color:var(--muted);font-size:12px}.notice{font-size:12px;line-height:1.6;color:#a9c9bd;padding:14px 18px;margin:22px 0 15px;border:1px solid #38534c;border-radius:13px;background:#172b30}.live{min-height:0;color:#d0ebde;font-size:13px;margin:0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.filter{border-radius:22px;padding:8px 15px;background:#1b303d;border:1px solid var(--line);color:#b6c9c9;font-size:12px;font-weight:700}.filter.active{background:#38685a;border-color:#6da18d;color:#f1fff8}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.course-card{background:linear-gradient(145deg,#203f3e,#182d3b);border:1px solid #45746b;border-radius:22px;min-width:0;padding:23px;display:flex;flex-direction:column}.course-card[data-track="parent"]{background:linear-gradient(145deg,#3c3f45,#202e3c);border-color:#77717a}.course-card .card-symbol{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:25px;background:#315a55}.course-card h3{font-size:22px;line-height:1.23;margin:15px 0 9px}.course-card p{font-size:13px;line-height:1.6;color:#b8cfcd;flex:1}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{border:1px solid #557d73;border-radius:25px;padding:5px 10px;color:#c0ebdd;font-size:10px;font-weight:800;letter-spacing:.04em}.meta{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0 18px;color:#c0d7d0;font-size:12px}.course-card .btn{width:100%}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:15px}.setting{padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:#192e3a;margin-bottom:14px}.setting h3{font-size:19px;margin:0 0 7px}.setting p{font-size:13px;color:var(--muted)}.setting small{display:block;font-size:11px;color:#9ebbb7;margin-top:11px}.switchline{display:flex;align-items:center;gap:10px;color:#d4efe4;font-size:13px;font-weight:650;margin:13px 0}.switchline input{width:19px;height:19px;accent-color:#80ccb0}.calendar-form{display:flex;flex-wrap:wrap;gap:11px;align-items:end;padding-top:12px}.calendar-form label{font-size:12px;color:var(--muted);display:grid;gap:7px}.calendar-form input{background:#223943;border:1px solid #527167;color:var(--txt);padding:9px 11px;border-radius:10px;color-scheme:dark}.actions{display:flex;gap:10px;flex-wrap:wrap}.back{color:#b4e4d4;border:0;background:none;padding:4px 0 20px;font-weight:700}.course-top{background:linear-gradient(125deg,#254f47,#192c3c);padding:26px;border-radius:23px;border:1px solid #568577}.course-top h1{font-size:clamp(27px,4vw,37px);line-height:1.15;margin:9px 0}.course-top p{color:#c8dfd5;font-size:14px;max-width:830px}.progressline{display:flex;align-items:center;gap:14px;margin-top:15px;font-size:12px;color:#d5efdf}.progressbar{height:8px;border-radius:12px;overflow:hidden;background:#314c50;flex:1}.progressbar span{display:block;height:100%;background:#a5dcc6}.lesson-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:16px;margin-top:16px}.lessons-nav{border:1px solid var(--line);border-radius:19px;background:#182d37;padding:17px;align-self:start}.nav-head{font-size:10px;color:#a4c6bf;letter-spacing:.12em;font-weight:800;margin-bottom:12px}.lesson-button{display:flex;gap:10px;width:100%;text-align:left;background:#1d3640;color:#d5e7de;border:1px solid transparent;border-radius:11px;padding:12px;margin:6px 0;align-items:start;font-size:12px}.lesson-button b{display:grid;place-items:center;min-width:24px;height:24px;background:#31594f;border-radius:8px;font-size:11px}.lesson-button span{flex:1}.lesson-button.active{border-color:#75ad96;background:#2a5249}.lesson-button.done b{color:#d9fbea}.lesson-content{background:#1b303c;border:1px solid var(--line);border-radius:20px;padding:26px;min-width:0}.lesson-content>h2{font-size:clamp(22px,3vw,29px);margin:7px 0}.lesson-lead{color:#c0d7d0;font-size:14px;white-space:pre-wrap;line-height:1.8}.lesson-section{margin:24px 0;border-top:1px solid #36545a;padding-top:18px}.lesson-section h3{font-size:16px;margin:0 0 8px}.lesson-section p,.lesson-section li{color:#c5d9d3;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.lesson-section li{margin-bottom:8px}.workbook{border:1px solid #4c7c70;border-radius:17px;padding:20px;background:#203c3c;margin-top:24px}.workbook h3{margin:5px 0}.workbook p{font-size:12px;color:#c0d5cd}.workbook label{display:block;font-size:13px;font-weight:750;margin:17px 0 6px}.workbook textarea{width:100%;resize:vertical;background:#172b33;color:#ecf6ef;border:1px solid #537468;border-radius:11px;padding:12px;line-height:1.6;min-height:81px}.workbook textarea::placeholder{color:#9cb4b0}.workbook small{display:block;color:#bed9cd;margin-top:9px}.lesson-actions{display:flex;gap:9px;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.locked{border:1px solid #785c5e;background:#29313b;padding:25px;border-radius:18px;margin-top:14px}.locked p{font-size:13px;color:#cfdada}.safe{margin-top:28px;display:flex;gap:15px;background:#152b32;border:1px solid #35585a;border-radius:17px;padding:18px 22px}.safe-icon{font-size:24px;color:#b5dacc}.safe strong{font-size:13px}.safe p{color:#adc7c5;font-size:12px;margin:5px 0}.foot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#9cbab5;padding:25px 3px 10px}.foot a{text-decoration:none}.page[hidden], [hidden]{display:none!important}
@media(max-width:770px){.shell{padding:13px 16px 25px}.hero{padding:28px 24px;min-height:240px}.hero-art{position:absolute;right:-45px;top:10px;opacity:.17}.hero h1{max-width:460px}.metrics{grid-template-columns:repeat(3,1fr)}.feature-grid,.settings-grid,.lesson-layout{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.lesson-layout{gap:12px}.lessons-nav{display:block}.lessons-nav #lessonList{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px}.lesson-button{min-width:165px}.recommendation-card{align-items:stretch;flex-direction:column}.lesson-content{padding:20px}.lesson-actions .btn{flex:1}.hero-tags span{font-size:10px}}
@media(max-width:490px){.hero{padding:23px 19px}.hero h1{font-size:37px}.hero-tags{gap:5px}.hero-tags span{padding:4px 7px}.topbar{gap:7px}.header-back{font-size:11px;padding:7px 9px}.brand strong{font-size:11px}.brand small{font-size:9px}.metrics{gap:7px}.metric{padding:12px 10px}.metric strong{font-size:27px}.metric span,.metric small{font-size:10px}.feature{padding:19px}.course-top{padding:20px}.lesson-content{padding:17px}.setting{padding:18px}.calendar-form .btn{width:100%}.foot{flex-direction:column}}

.notes-index{display:grid;gap:10px}.note-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;background:#203944;border-radius:12px;border:1px solid #45645d}.note-card strong{font-size:13px}.note-card p{color:#b6ccc5;font-size:12px;margin:2px 0}.note-card .btn{flex-shrink:0}@media(max-width:560px){.note-card{align-items:stretch;flex-direction:column}}