:root {
  --ink: #121713;
  --muted: #69716c;
  --pine: #0b150e;
  --pine-2: #16291d;
  --leaf: #31ad4d;
  --leaf-bright: #53cb6e;
  --mint: #dbeadd;
  --paper: #f7faf7;
  --white: #ffffff;
  --line: #dfe6e0;
  --sidebar: 244px;
  --shadow: 0 18px 50px rgba(24, 52, 38, 0.08);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--ink);
  background: #f7faf7;
  scroll-behavior: smooth;
}

* { box-sizing: border-box; }
html,body { min-height:100%; background:var(--paper); }
body { margin: 0; min-width: 320px; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }

.app-shell { position:relative;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);width:100%;min-height:100vh;margin:0;overflow:clip;background:var(--paper); }
.sidebar {
  position: sticky; inset: 0 auto auto 0; z-index: 20; width: var(--sidebar); height:100vh; padding: 34px 20px 25px;
  display: flex; flex-direction: column; color: #eef5f0;
  background: radial-gradient(circle at 20% 5%, rgba(64,184,91,.12), transparent 25%), var(--pine);
}
.brand { display: inline-flex; align-items: center; gap: 9px; color:#f2f7f3; }
.max-logo-wrap{width:68px;height:35px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.max-logo-wrap img{display:block;width:68px;height:auto;filter:brightness(0) saturate(100%) invert(70%) sepia(52%) saturate(685%) hue-rotate(79deg) brightness(94%) contrast(91%);opacity:1}.brand-name{font-size:17px;font-weight:750;line-height:1;letter-spacing:-.7px;white-space:nowrap}
.brand-mark { width: 25px; height: 25px; display: flex; align-items: center; gap: 3px; padding: 4px; border-radius: 7px; background: rgba(87, 204, 116, .15); }
.brand-mark i { display: block; width: 4px; border-radius: 5px; background: var(--leaf-bright); }
.brand-mark i:nth-child(1) { height: 11px; }.brand-mark i:nth-child(2) { height: 16px; }.brand-mark i:nth-child(3) { height: 8px; }
.nav-list { display:grid;gap:7px;margin-top:58px; }
.nav-item { position: relative; display: flex; align-items: center; gap: 13px; height: 48px; padding: 0 13px; border-radius: 8px; color: #9cad9f; font-size: 14px; transition: color .25s, background .25s, transform .25s; }
.nav-item::after { content: ""; position: absolute; right: 0; width: 3px; height: 0; border-radius: 4px; background: var(--leaf-bright); transition: height .25s; }
.nav-item:hover { color: #fff; transform: translateX(2px); }
.nav-item.is-active { color: #fff; background: #18231b; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); }
.nav-item.is-active::after { height: 22px; }
.nav-icon { position: relative; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; color: #c7d3ca; background: rgba(255,255,255,.06); font-size: 18px; }
.home-icon::before { content:""; width:10px;height:9px;border:1.5px solid currentColor;border-top:0;border-radius:1px;transform:translateY(2px) }.home-icon::after{content:"";position:absolute;width:8px;height:8px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.book-icon::before { content: ""; width: 11px; height: 13px; border: 1.5px solid currentColor; border-radius: 2px; box-shadow: inset 3px 0 0 transparent; }
.book-icon::after { content: ""; position: absolute; width: 1px; height: 11px; background: currentColor; left: 10px; }
.plus-icon::before,.plus-icon::after { content:""; position:absolute; width:11px; height:1.5px; border-radius:2px; background:currentColor; }.plus-icon::after{transform:rotate(90deg)}
.grid-icon::before { content:""; width:11px; height:11px; background: linear-gradient(currentColor 0 0) 0 0/4px 4px,linear-gradient(currentColor 0 0) 100% 0/4px 4px,linear-gradient(currentColor 0 0) 0 100%/4px 4px,linear-gradient(currentColor 0 0) 100% 100%/4px 4px; background-repeat:no-repeat; }
.contact-icon::before{content:"";position:absolute;top:5px;width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%}.contact-icon::after{content:"";position:absolute;bottom:5px;width:12px;height:6px;border:1.5px solid currentColor;border-radius:8px 8px 3px 3px}
.faq-icon::before{content:"?";width:12px;height:12px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font-size:9px;font-weight:750;line-height:1}
.sidebar-note { min-height:76px;margin-top:auto;padding:17px 16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.04); }
.sidebar-note strong { display:block;font-size:13px;font-weight:650; }.sidebar-note small { display:block;margin-top:5px;color:#879a8e;font-size:11px; }
.notification-icon{position:relative;width:32px;height:32px;flex:0 0 auto;border-radius:8px;background:rgba(83,203,110,.09)}.notification-icon::before{content:"";position:absolute;left:10px;top:7px;width:10px;height:12px;border:1.5px solid #69ca80;border-radius:6px 6px 3px 3px}.notification-icon::after{content:"";position:absolute;left:14px;bottom:6px;width:4px;height:1.5px;border-radius:2px;background:#69ca80}
.online-dot { width: 8px; height: 8px; border-radius:50%; background:var(--leaf-bright); box-shadow:0 0 0 5px rgba(101,207,126,.1); }

.content { min-width:0; padding: 28px clamp(28px, 4.5vw, 72px) 0; overflow: hidden; background:linear-gradient(115deg,#fbfdfb 0%,#f4f8f5 100%);animation:pageContentIn .18s ease-out;transition:opacity .14s ease,transform .14s ease; }
.content.is-switching{opacity:0;transform:translateY(2px)}
.content.is-course-transitioning{transition-duration:.32s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.content.is-course-transitioning.is-course-switching{transform:translateY(6px)}
@keyframes pageContentIn{from{opacity:.86;transform:translateY(2px)}to{opacity:1;transform:none}}
.section-block { max-width: 1180px; margin: 0 auto; padding: 82px 0; scroll-margin-top: 24px; border-bottom: 1px solid var(--line); }
.hero { min-height: min(820px, calc(100vh - 56px)); padding-top: 42px; display:grid; grid-template-columns: minmax(0, .92fr) minmax(360px, .8fr); align-items:start; gap:clamp(44px,7vw,100px); }
.hero-copy { padding-top: 62px; }
.eyebrow { display:block; margin-bottom:20px; color:#4c7059; font-size:10px; line-height:1; font-weight:750; letter-spacing:2.1px; }
.hero h1 { margin:0; max-width:650px; font-size:clamp(44px,5vw,68px); line-height:1.08; letter-spacing:-3.5px; font-weight:680; }
.hero h1 em { color:var(--leaf); font-style:normal; font-weight:680; }
.hero-copy > p { max-width: 610px; margin:30px 0 36px; color:var(--muted); font-size:16px; line-height:1.95; }
.primary-link { display:inline-flex; align-items:center; gap:14px; padding:14px 18px 14px 21px; border-radius:10px; color:white; background:var(--pine); font-size:13px; font-weight:600; box-shadow:0 10px 25px rgba(16,39,30,.15); transition:transform .3s, background .3s, box-shadow .3s; }
.primary-link span { font-size:18px; transition:transform .3s; }.primary-link:hover { transform:translateY(-3px); background:var(--pine-2);box-shadow:0 15px 30px rgba(16,39,30,.2)}.primary-link:hover span{transform:translate(2px,-2px)}
.teacher-card { position:relative; min-height:510px; overflow:hidden; border-radius:16px; background:linear-gradient(145deg,#153321,#0a170e 64%,#102319); color:white; box-shadow:0 18px 35px rgba(11,25,15,.16); }
.teacher-card::before { content:""; position:absolute; width:280px;height:280px;right:-95px;top:-100px;border-radius:50%;background:#51c46e;filter:blur(1px);opacity:.85; }
.teacher-card::after { content:""; position:absolute; inset:11px; border:1px solid rgba(255,255,255,.08); border-radius:10px; pointer-events:none; }
.teacher-card-content { position:absolute; inset:auto 46px 45px; z-index:2; }.teacher-label { color:#83d797;font-size:9px;font-weight:700;letter-spacing:1.8px}.teacher-card h2{margin:13px 0 18px;font-size:36px;line-height:1.2;letter-spacing:-1.8px}.teacher-card p{max-width:390px;margin:0;color:#aebdb4;font-size:13px;line-height:1.75}.teacher-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.teacher-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:30px;color:#c7d3cb;font-size:10px;background:rgba(255,255,255,.04)}
.voice-rings { position:absolute; top:50px; left:36px; right:36px; height:170px; display:flex; align-items:center; justify-content:center; gap:9px; transform:rotate(-5deg); opacity:.8; }
.voice-rings span { display:block;width:8px;border-radius:99px;background:linear-gradient(to top,rgba(95,218,125,.15),#62d27c);animation:voice 2.8s ease-in-out infinite}.voice-rings span:nth-child(1){height:35px}.voice-rings span:nth-child(2){height:98px;animation-delay:-.4s}.voice-rings span:nth-child(3){height:145px;animation-delay:-.8s}.voice-rings span:nth-child(4){height:82px;animation-delay:-1.2s}.voice-rings span:nth-child(5){height:44px;animation-delay:-1.6s}
@keyframes voice { 0%,100%{transform:scaleY(.75);opacity:.55}50%{transform:scaleY(1);opacity:1} }

.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:34px; }.section-heading .eyebrow{margin-bottom:11px}.section-heading h2{margin:0;font-size:34px;letter-spacing:-1.6px}.section-heading>p{margin:0 0 5px;color:var(--muted);font-size:12px}
.page-view{max-width:1180px;min-height:calc(100vh - 95px);margin:0 auto;padding:66px 0 82px}.page-heading{margin-bottom:38px;padding-bottom:26px;border-bottom:1px solid var(--line)}.page-heading .eyebrow{margin-bottom:14px}.page-heading>div{display:flex;align-items:end;justify-content:space-between;gap:24px}.page-heading h1{margin:0;font-size:38px;letter-spacing:-1.8px}.page-heading p{margin:0 0 4px;color:var(--muted);font-size:12px}
.home-page{max-width:1180px;margin:0 auto;padding:0 0 100px}.home-hero{padding:92px 0 88px;border-bottom:1px solid var(--line)}.home-hero .eyebrow{margin-bottom:22px}.home-hero h1{max-width:1000px;margin:0;font-size:clamp(48px,5.5vw,76px);line-height:1.12;letter-spacing:-4px}.home-hero h1 em{color:var(--leaf);font-style:normal}.home-hero>p{max-width:720px;margin:30px 0 35px;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:12px}.secondary-link{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 21px;border:1px solid #cad6cc;border-radius:9px;color:#3b4b40;background:#fff;font-size:12px;font-weight:650;transition:transform .25s,border-color .25s}.secondary-link:hover{transform:translateY(-2px);border-color:#8eaa95}
.home-article{max-width:880px;margin:0 auto}.article-section{padding:78px 0;border-bottom:1px solid var(--line)}.article-section:last-child{border-bottom:0}.article-section h2{max-width:760px;margin:9px 0 30px;font-size:34px;line-height:1.3;letter-spacing:-1.6px}.article-section h3{margin:8px 0 8px;font-size:17px}.article-section>p{margin:0 0 19px;color:#4e5b53;font-size:15px;line-height:2}.article-section>p:last-child{margin-bottom:0}.article-section strong{color:#16251b}.section-kicker{color:#4d9a61;font-size:10px;font-weight:750;letter-spacing:1.7px}.learner-list{margin:24px 0 28px;padding-left:20px;border-left:2px solid #8dc99b}.learner-list p{margin:7px 0;color:#59665e;font-size:14px;line-height:1.75}.article-emphasis{padding:22px 24px;border-radius:10px;color:#17311f!important;background:#eef4ef;border-left:3px solid #55bd6e;font-size:17px!important;font-weight:680;line-height:1.8!important}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:27px 0}.scenario-list p{margin:0;padding:14px 16px;border:1px solid #e0e7e1;border-radius:8px;background:#fff;color:#526057;font-size:13px}.article-section blockquote{margin:31px 0;padding:27px 28px;border-radius:12px;color:#fff;background:var(--pine);font-size:21px;font-weight:650;line-height:1.65}.process-line,.method-line{padding:18px 20px;border-radius:9px;background:#eef4ef;color:#21412b!important;font-weight:650;word-spacing:5px}.process-line i{color:#57ac6b;font-style:normal}.article-section code{padding:3px 6px;border-radius:5px;color:#246b36;background:#edf5ef;font:600 13px/1.5 ui-monospace,Consolas,monospace}.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 30px}.term-grid span{padding:16px;border:1px solid #e0e7e1;border-radius:9px;background:#fff;color:#68746c;font-size:12px}.term-grid b{display:block;margin-bottom:5px;color:#183321;font-size:13px}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 30px}.question-grid div{padding:20px;border-radius:10px;background:#10271a;color:white}.question-grid b{display:block;margin-bottom:6px;color:#6fd486;font-size:18px}.question-grid span{color:#acbbb0;font-size:12px}.level-list{display:grid;gap:12px;margin-top:28px}.level-list>div{padding:25px 27px;border:1px solid #dde6df;border-radius:11px;background:#fff}.level-list>div>span{color:#55a86a;font-size:10px;font-weight:750}.level-list p{margin:0;color:#667168;font-size:13px;line-height:1.8}
.contact-card{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:58px;min-height:420px;padding:50px;border:1px solid #dfe7e1;border-radius:16px;background:#fff}.qr-placeholder{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #9bb0a0;border-radius:14px;background:#f3f7f4}.qr-placeholder>span{position:relative;width:52px;height:52px;margin-bottom:18px;background:linear-gradient(90deg,#51745b 8px,transparent 8px 16px,#51745b 16px 24px,transparent 24px),linear-gradient(#51745b 8px,transparent 8px 16px,#51745b 16px 24px,transparent 24px);background-size:24px 24px;opacity:.55}.qr-placeholder strong{font-size:14px}.qr-placeholder small{margin-top:6px;color:#859188;font-size:10px}.contact-copy h2{margin:11px 0 17px;font-size:31px;letter-spacing:-1.2px}.contact-copy>p{max-width:490px;color:#647168;font-size:14px;line-height:1.85}.contact-note{margin-top:25px!important;color:#88938c!important;font-size:11px!important}
.course-grid { width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.course-card { position:relative; min-height:360px;padding:25px 27px 21px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;border:1px solid rgba(101,164,116,.35);border-radius:15px;color:#f6faf7;background:linear-gradient(145deg,rgba(26,54,35,.96),rgba(8,22,13,.99) 58%,rgba(13,35,21,.98));box-shadow:0 18px 38px rgba(11,25,15,.13),inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.3);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s; }
.course-card::before{content:none}.course-card::after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 42px);opacity:.45;pointer-events:none}.course-card:hover { transform:translateY(-6px);border-color:rgba(108,207,132,.55);box-shadow:0 24px 46px rgba(11,25,15,.18),inset 0 1px 0 rgba(255,255,255,.065) }
.course-card h3{position:relative;z-index:1;margin:0 0 10px;font-size:26px;line-height:1.25;letter-spacing:-.85px;text-shadow:0 2px 14px rgba(0,0,0,.22)}.course-description{position:relative;z-index:1;margin:0;color:#aab7ad;font-size:12px;line-height:1.7}.course-features{position:relative;z-index:1;display:grid;gap:8px;margin:15px 0 18px;padding:0;list-style:none}.course-features li{position:relative;padding-left:18px;color:#e5ece7;font-size:11px;line-height:1.48}.course-features li::before{content:"";position:absolute;left:3px;top:.58em;width:4px;height:4px;border-radius:50%;background:#64d27e;box-shadow:0 0 0 3px rgba(85,200,115,.08),0 0 10px rgba(85,200,115,.4)}.course-meta{position:relative;z-index:1;margin-top:auto;display:flex;align-items:flex-end;gap:18px}.course-price{display:flex;align-items:baseline;color:white;line-height:1}.course-price span{margin-right:2px;color:#82d994;font-size:31px;font-weight:750;letter-spacing:-1px}.course-price strong{font-size:31px;letter-spacing:-1.2px;text-shadow:0 4px 18px rgba(0,0,0,.28)}.course-duration{padding-bottom:3px;color:#a7b6ab;font-size:11px}.course-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(121,161,130,.2)}.course-card .btn{height:40px;border-radius:8px;border:1px solid #3a5743;background:rgba(4,15,8,.23);color:#d7e2da;font-size:11px;font-weight:650;cursor:pointer;transition:background .25s,color .25s,transform .25s,border-color .25s,box-shadow .25s}.course-card .btn:hover{transform:translateY(-2px);border-color:#62b576;background:rgba(72,177,97,.08)}.course-card .btn-solid{color:#07120a;border-color:#65ce7e;background:linear-gradient(110deg,#8add99,#4bc66a);box-shadow:0 8px 20px rgba(47,174,78,.18),inset 0 1px 0 rgba(255,255,255,.35)}.course-card .btn-solid:hover{color:#07120a;border-color:#75da8c;background:linear-gradient(110deg,#98e7a6,#53d273);box-shadow:0 12px 25px rgba(47,174,78,.25)}
.empty-state,.placeholder-card { min-height:135px;padding:27px 30px;border:1px dashed #cbd8ce;border-radius:16px;background:rgba(255,255,255,.5);display:flex;align-items:center;gap:18px}.empty-state h3,.placeholder-card h3{margin:0 0 6px;font-size:15px}.empty-state p,.placeholder-card p{margin:0;color:var(--muted);font-size:12px}.empty-state>a{margin-left:auto;padding:11px 14px;border-radius:8px;background:var(--pine);color:white;font-size:11px}.empty-icon,.placeholder-icon{flex:0 0 auto;position:relative;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#639173;background:var(--mint)}
.tool-groups{display:grid;gap:54px}.tool-group{display:grid;gap:19px}.tool-group-heading{display:flex;align-items:end;justify-content:space-between;padding-left:16px;border-left:3px solid var(--leaf)}.tool-group-heading h2{margin:0;color:#142019;font-size:25px;letter-spacing:-.8px}.tool-group-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{position:relative;min-height:230px;padding:23px;display:flex;flex-direction:column;border:1px solid #d7e2d9;border-radius:15px;background:linear-gradient(145deg,#fff 0%,#f4f8f5 100%);box-shadow:0 10px 24px rgba(28,58,37,.055);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.tool-card.reveal.is-visible{transition-duration:.28s}.tool-card:hover,.tool-card.reveal.is-visible:hover{transform:translateY(-6px);border-color:#b5cdb9;box-shadow:0 18px 36px rgba(28,58,37,.105)}.tool-card:focus-visible{outline:3px solid rgba(49,173,77,.22);outline-offset:3px}.tool-card-top{min-height:36px;display:flex;align-items:center;gap:8px}.tool-site-icon{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border:1px solid #e0e7e1;border-radius:9px;background:#fff}.tool-site-icon img{display:block;width:24px;height:24px;object-fit:contain}.tool-badge{padding:5px 8px;border-radius:6px;color:#327a43;background:#edf6ef;font-size:9px;font-weight:750}.tool-card h3{margin:18px 0 3px;color:#17241b;font-size:18px;line-height:1.3;letter-spacing:-.45px}.tool-domain{color:#8a958e;font-size:9px}.tool-card>p{margin:14px 0 20px;color:#647068;font-size:12px;line-height:1.75}.tool-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.tool-tags span{padding:5px 8px;border:1px solid #d5e7d8;border-radius:6px;color:#3c754a;background:#f0f7f1;font-size:9px;font-weight:650}.tool-tags .is-network{border-color:#e3e3dc;color:#77766d;background:#f7f7f3}

.modal-backdrop { position:fixed;inset:0;z-index:50;padding:20px;display:grid;place-items:center;background:rgba(8,22,15,.55);backdrop-filter:blur(8px);animation:fadeIn .25s ease}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(520px,100%);max-height:min(700px,90vh);overflow:auto;padding:35px;border-radius:20px;background:white;box-shadow:0 30px 80px rgba(2,18,8,.25);animation:modalIn .35s cubic-bezier(.2,.8,.2,1)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#78837c;font-size:26px;cursor:pointer}.modal .eyebrow{margin-bottom:12px}.modal h2{margin:0 30px 12px 0;font-size:27px;letter-spacing:-1px}.modal-lead{margin:0 0 28px;color:var(--muted);font-size:13px;line-height:1.7}.outline-list{display:grid;gap:9px;padding:0;margin:0;list-style:none}.outline-list li{display:flex;gap:12px;padding:13px;border-radius:9px;background:#f4f7f4;color:#34483b;font-size:12px}.outline-list b{color:#63a874}.activation-form label{display:block;margin-bottom:9px;color:#45534b;font-size:11px;font-weight:650}.activation-row{display:flex;gap:9px}.activation-row input{min-width:0;flex:1;height:44px;padding:0 13px;border:1px solid #cdd9d0;border-radius:9px;outline:none;text-transform:uppercase}.activation-row input:focus{border-color:#66ad79;box-shadow:0 0 0 3px rgba(75,181,105,.12)}.activation-row button{height:44px;padding:0 18px}.form-hint{margin:10px 0 0;color:#89938c;font-size:10px}.progress-box{margin-top:26px;padding:20px;border-radius:13px;background:#f3f7f3}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px}.progress-track{height:8px;overflow:hidden;border-radius:20px;background:#dfe8e0}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3fa95c,#72cf87)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.stat{padding:17px;border:1px solid var(--line);border-radius:11px}.stat b{display:block;font-size:25px}.stat span{color:var(--muted);font-size:10px}.toast{position:fixed;z-index:80;left:50%;bottom:28px;padding:11px 16px;border-radius:9px;color:white;background:var(--pine);font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;transform:translate(-50%,15px);pointer-events:none;transition:.3s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.mobile-header{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.course-card.reveal.is-visible{transition-duration:.28s}.course-card.reveal.is-visible:hover{transform:translateY(-6px)}@keyframes fadeIn{from{opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}}

.course-card{color:#17231b;border-color:#d6e3d9;background:linear-gradient(145deg,#fff 0%,#f3f8f4 100%);box-shadow:0 12px 28px rgba(28,58,37,.07),inset 0 1px 0 #fff}.course-card::after{background:repeating-linear-gradient(90deg,rgba(37,104,53,.018) 0 1px,transparent 1px 42px);opacity:.5}.course-card:hover{border-color:#b4cdb9;box-shadow:0 18px 38px rgba(28,58,37,.11)}.course-status{border-color:#d5ead9;background:#e9f5eb;color:#37804a}.course-duration{color:#6e7e73}.course-card h3{color:#16251b;text-shadow:none}.course-description{color:#657269}.course-features li{color:#34433a}.course-features li::before{background:#52b96a;box-shadow:0 0 0 3px rgba(82,185,106,.09)}.course-price{color:#15221a}.course-price span{color:#3c9e53}.course-price strong{text-shadow:none}.course-actions{border-top-color:#dce6de}.course-card .btn{border-color:#b9cdbd;background:#fff;color:#294633}.course-card .btn:hover{border-color:#72a77e;background:#f2f8f3}.course-card .btn-solid{color:#fff;border-color:#173c25;background:#173c25;box-shadow:none}.course-card .btn-solid:hover{color:#fff;border-color:#245b35;background:#245b35;box-shadow:none}
.course-card a.btn{display:grid;place-items:center}.course-access-panel{margin-bottom:30px;padding:32px 34px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;border:1px solid #d9e4dc;border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(28,58,37,.055)}.course-access-copy .eyebrow{margin-bottom:12px}.course-access-copy h2{margin:0 0 12px;font-size:28px;letter-spacing:-1px}.course-access-copy p{max-width:590px;margin:0;color:#647168;font-size:13px;line-height:1.8}.flowus-register-link{display:inline-flex;margin-top:21px;padding:11px 15px;border-radius:8px;color:#fff;background:#173c25;font-size:11px;font-weight:700;transition:transform .25s,background .25s}.flowus-register-link:hover{transform:translateY(-2px);background:#245b35}.course-access-form{padding-left:38px;border-left:1px solid #e0e7e2}.course-access-form label{display:block;margin-bottom:11px;color:#33463a;font-size:12px;font-weight:650}.course-access-form>div{display:flex;gap:9px}.course-access-form input{min-width:0;flex:1;height:44px;padding:0 13px;border:1px solid #cbd8ce;border-radius:9px;outline:none}.course-access-form input:focus{border-color:#64ac76;box-shadow:0 0 0 3px rgba(75,181,105,.11)}.course-access-form button{height:44px;padding:0 17px;border:0;border-radius:9px;color:#fff;background:#173c25;font-size:11px;font-weight:700;cursor:pointer}.course-access-form small{display:block;margin-top:10px;color:#88938c;font-size:10px;line-height:1.6}.course-access-empty{padding:30px 4px;border-top:1px solid var(--line);text-align:center}.course-access-empty h3{margin:0 0 7px;font-size:15px}.course-access-empty p{margin:0;color:var(--muted);font-size:11px}.owned-course-grid{margin-top:6px}.expiry-date{padding:20px;border-radius:12px;background:#f1f6f2}.expiry-date span{display:block;margin-bottom:8px;color:#758178;font-size:11px}.expiry-date strong{font-size:25px;color:#173c25}

.assessment-page{display:flex;align-items:flex-start}.assessment-card{width:100%;min-height:390px;padding:48px;display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:55px;overflow:hidden;border:1px solid #203429;border-radius:17px;color:white;background:radial-gradient(circle at 85% 20%,rgba(45,128,65,.18),transparent 28%),linear-gradient(135deg,#101713,#0a110d);box-shadow:0 18px 40px rgba(17,39,24,.1)}.assessment-copy .eyebrow{margin-bottom:17px;color:#6dcc83}.assessment-copy h1{margin:0;font-size:39px;line-height:1.25;letter-spacing:-1.9px}.assessment-copy>p{max-width:720px;margin:22px 0;color:#aeb9b1;font-size:14px;line-height:1.85}.assessment-copy ul{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.assessment-copy li{position:relative;padding-left:21px;color:#dce5de;font-size:13px}.assessment-copy li::before{content:"";position:absolute;left:2px;top:.55em;width:4px;height:4px;border-radius:50%;background:#69cb80}.assessment-qr{display:flex;flex-direction:column;align-items:center}.assessment-badge{margin-bottom:14px;padding:8px 13px;border:1px solid rgba(105,203,128,.28);border-radius:7px;color:#73d389;background:rgba(70,170,92,.08);font-size:10px;font-weight:700;letter-spacing:.5px}.qr-image-wrap{width:205px;padding:9px;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.23)}.qr-image-wrap img{display:block;width:100%;height:auto;border-radius:6px}.assessment-qr small{margin-top:12px;color:#829087;font-size:10px}
.assessment-card{min-height:470px;padding:38px 0;gap:70px;overflow:visible;border:0;border-radius:0;color:var(--ink);background:transparent;box-shadow:none}.assessment-copy .eyebrow{color:#4c7059}.assessment-copy h1{max-width:760px;color:#142019;font-size:44px;line-height:1.28}.assessment-copy>p{max-width:680px;color:#657168}.assessment-copy li{color:#34433a}.assessment-qr{padding:26px 24px;border-left:1px solid #dfe7e1}.assessment-badge{margin-bottom:18px;padding:0;border:0;color:#245f35;background:transparent;font-size:13px;letter-spacing:0}.qr-image-wrap{width:215px;border:1px solid #e0e6e1;box-shadow:0 12px 30px rgba(20,49,29,.09)}.assessment-qr small{color:#7b887f}

.faq-list{max-width:920px;margin:0 auto;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-toggle{width:100%;min-height:76px;padding:0 4px;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;border:0;color:#17231b;background:transparent;text-align:left;cursor:pointer}.faq-number{color:#54a667;font-size:11px;font-weight:750;letter-spacing:.7px}.faq-question{font-size:16px;font-weight:680;line-height:1.55}.faq-mark{position:relative;width:20px;height:20px}.faq-mark::before,.faq-mark::after{content:"";position:absolute;left:4px;top:9px;width:12px;height:1.5px;border-radius:2px;background:#6d7d72;transition:transform .3s ease,background .3s ease}.faq-mark::after{transform:rotate(90deg)}.faq-toggle:hover .faq-question{color:#2d7440}.faq-toggle:focus-visible{outline:3px solid rgba(49,173,77,.18);outline-offset:-3px;border-radius:7px}.faq-answer-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1)}.faq-answer{min-height:0;overflow:hidden}.faq-answer-inner{padding:0 42px 27px 64px;color:#59665e;font-size:13px;line-height:1.9}.faq-answer-inner p{margin:0 0 12px}.faq-answer-inner p:last-child{margin-bottom:0}.faq-answer-inner ul{display:grid;gap:7px;margin:4px 0 15px;padding-left:20px}.faq-answer-inner strong{color:#1c3c26;font-weight:700}.faq-item.is-open{background:rgba(255,255,255,.48)}.faq-item.is-open .faq-answer-wrap{grid-template-rows:1fr}.faq-item.is-open .faq-mark::before{background:#3d9652;transform:rotate(180deg)}.faq-item.is-open .faq-mark::after{background:#3d9652;transform:rotate(180deg)}

.home-article-refined .article-intro{padding:70px 0;border-bottom:1px solid var(--line)}.home-article-refined .article-intro>p{margin:0 0 19px;color:#4e5b53;font-size:15px;line-height:2}.home-article-refined .article-intro>p:last-child{margin-bottom:0}.home-article-refined .article-section{padding:86px 0}.home-article-refined .section-kicker{display:block;margin:0;text-align:center;color:#142019;font-size:32px;font-weight:750;line-height:1.2;letter-spacing:-1.4px}.home-article-refined .article-section>h2{max-width:700px;margin:13px auto 42px;text-align:center;color:#6b756e;font-size:18px;font-weight:540;line-height:1.6;letter-spacing:-.35px}.article-subtitle{margin:42px 0 20px!important;padding-top:32px;border-top:1px solid var(--line);font-size:24px!important;letter-spacing:-.8px}.article-emphasis.compact{font-size:15px!important;font-weight:650}.closing-note{margin-top:32px!important;padding:25px 27px;border-radius:10px;background:#eef4ef;color:#314a38!important}.home-article-refined .scenario-list{grid-template-columns:repeat(2,1fr)}

@media (max-width:1279px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (max-width: 920px){
  .assessment-card{grid-template-columns:minmax(0,1fr) 210px;gap:32px;padding:36px}.qr-image-wrap{width:185px}
  body{background:var(--paper)}.app-shell{display:block;width:100%;min-height:100vh;margin:0;border:0;border-radius:0;overflow:visible}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;height:100vh;transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 50px rgba(7,25,15,.15)}.sidebar.is-open{transform:none}.content{padding:74px 22px 0}.mobile-header{position:fixed;inset:0 0 auto 0;z-index:30;height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:white;background:rgba(11,21,14,.97);backdrop-filter:blur(10px)}.menu-button{width:39px;height:39px;display:grid;place-content:center;gap:6px;border:0;border-radius:9px;background:rgba(255,255,255,.08)}.menu-button span{display:block;width:17px;height:1.5px;background:white}.hero{min-height:auto;grid-template-columns:1fr;padding-top:70px}.hero-copy{padding-top:0}.teacher-card{min-height:430px}.hero h1{font-size:clamp(42px,10vw,65px);letter-spacing:-3px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading>div{align-items:start;flex-direction:column;gap:8px}.contact-card{grid-template-columns:240px 1fr;gap:35px;padding:35px}}
@media (max-width: 560px){
  .assessment-card{grid-template-columns:1fr;gap:34px;padding:27px}.assessment-copy h1{font-size:30px}.assessment-qr{padding-top:8px}.qr-image-wrap{width:min(100%,240px)}.tool-groups{gap:44px}.tool-group-heading{align-items:start}.tool-group-heading>span{display:none}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:210px;padding:21px}
  .content{padding-left:17px;padding-right:17px}.section-block{padding:64px 0}.hero{padding-top:52px;gap:45px}.hero h1{font-size:41px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px;margin:24px 0 28px}.teacher-card{min-height:390px;border-radius:20px}.teacher-card-content{inset:auto 28px 30px}.teacher-card h2{font-size:29px}.section-heading{align-items:start;flex-direction:column;margin-bottom:24px;gap:8px}.section-heading h2{font-size:29px}.course-grid{grid-template-columns:1fr}.course-card{min-height:260px;padding:22px}.empty-state,.placeholder-card{align-items:flex-start;padding:22px}.empty-state>a{display:none}.faq-toggle{min-height:68px;grid-template-columns:34px minmax(0,1fr) 22px;gap:8px}.faq-question{font-size:14px}.faq-answer-inner{padding:0 10px 23px 42px;font-size:12px}.modal{padding:30px 22px}.activation-row{flex-direction:column}.activation-row button{width:100%}.home-hero{padding:62px 0}.home-hero h1{font-size:39px;letter-spacing:-2.2px}.home-hero>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions>a{width:100%;justify-content:center}.article-section{padding:56px 0}.article-section h2{font-size:27px}.scenario-list,.term-grid,.question-grid{grid-template-columns:1fr}.article-section blockquote{padding:22px;font-size:18px}.article-emphasis{padding:19px;font-size:15px!important}.contact-card{grid-template-columns:1fr;gap:30px;padding:24px}.qr-placeholder{width:min(100%,280px);margin:0 auto}.home-article-refined .article-intro{padding:50px 0}.home-article-refined .article-section{padding:62px 0}.home-article-refined .section-kicker{font-size:28px}.home-article-refined .article-section>h2{margin-bottom:32px;font-size:16px}.home-article-refined .scenario-list{grid-template-columns:1fr}.article-subtitle{font-size:21px!important}}
.course-card[data-course-url]{cursor:pointer}.course-card[data-course-url]:focus-visible{outline:3px solid rgba(49,173,77,.22);outline-offset:3px}.course-account-bar{margin:-10px 0 24px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#78847c;font-size:11px}.course-account-bar strong{margin-left:8px;color:#274332;font-size:12px}.course-account-bar button{padding:7px 10px;border:1px solid #cad7cd;border-radius:7px;color:#486052;background:#fff;font-size:10px;cursor:pointer;transition:border-color .2s,color .2s}.course-account-bar button:hover{border-color:#7fa68a;color:#245b35}
.course-change-back{margin:-10px 0 18px;display:flex;justify-content:flex-end}.course-change-back button{padding:8px 12px;border:1px solid #cad7cd;border-radius:7px;color:#486052;background:#fff;font-size:10px;cursor:pointer;transition:border-color .2s,color .2s,transform .2s}.course-change-back button:hover{border-color:#7fa68a;color:#245b35;transform:translateY(-1px)}
@media (max-width:760px){.course-access-panel{grid-template-columns:1fr;gap:28px;padding:25px}.course-access-form{padding:25px 0 0;border-left:0;border-top:1px solid #e0e7e2}.course-access-form>div{flex-direction:column}.course-access-form button{width:100%}.assessment-card{padding:34px 0}.assessment-qr{padding:26px 0 0;border-left:0;border-top:1px solid #dfe7e1}.assessment-copy h1{font-size:32px}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}