@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#122b32;--dark:#0b202b;--dark2:#102e39;--muted:#667b7d;--line:#e1e8e5;--paper:#f8faf8;--surface:#fff;--green:#225b4d;--mint:#c5f3d8;--mint-deep:#9fe3c0;--cream:#f4f4ef;--max:1220px;--r:15px;--shadow:0 16px 55px rgba(9,35,34,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.7 'DM Sans','Noto Sans TC',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img,svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7dcaad;outline-offset:3px}::selection{background:#b7e9cf;color:#153c35}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.icon{vertical-align:middle;flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.043em}h1{line-height:1.22}h2{line-height:1.33}.serif-italic{font-family:'DM Serif Display',Georgia,'Noto Sans TC',serif;font-weight:400;font-style:italic;letter-spacing:-.06em}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#2e7161;font-size:11px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:9px;padding:12px 20px;font-weight:700;line-height:1.5;font-size:13px;white-space:nowrap;transition:background .18s,transform .18s,border-color .18s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#102d33;color:white}.btn-dark:hover{background:#255548;color:white}.btn-mint{background:var(--mint);color:#10372e}.btn-mint:hover{background:#9de7c0;color:#113f30}.btn-outline{border:1px solid #cbdad4;color:var(--ink);background:white}.btn-outline:hover{border-color:#8dbdad;color:#1a594b;background:#f7fbf8}.btn-ghost-light{border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.025)}.btn-ghost-light:hover{background:rgba(255,255,255,.10);color:#fff}.btn-large{padding:15px 22px;font-size:14px;min-height:52px}.btn-small{padding:9px 15px;font-size:12px}.btn-full{width:100%;min-height:46px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#1b6554;transition:gap .15s}.text-link:hover{gap:13px;color:#0d4035}
.announcement{background:#10262e;color:#cde7dd;height:32px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:10.8px;letter-spacing:.015em}.announcement a{display:inline-flex;gap:7px;align-items:center;font-weight:700;color:#bbecd3}.ann-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#a8eac5;box-shadow:0 0 0 4px rgba(168,234,197,.09)}.ann-divider{opacity:.4}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.975);backdrop-filter:blur(20px);border-bottom:1px solid #eef1ee}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:11px;background:#132f37;display:grid;place-items:center;color:#d0f3de;font-family:'DM Serif Display',Georgia,serif;font-size:28px;font-style:italic;letter-spacing:-.08em;padding:0 4px 5px 0}.brand-dot{color:#8ce3b4}.brand-name{font-size:22px;letter-spacing:-.07em;font-weight:800;color:#17303a}.brand-name span{color:#448c73;font-weight:500}.nav-desktop{display:flex;align-items:center;gap:35px;margin-left:auto;margin-right:auto}.nav-link{font-size:13px;font-weight:600;color:#596b6b;position:relative}.nav-link:hover,.nav-link.active{color:#125843}.nav-link.active:after{content:"";position:absolute;left:0;right:0;height:2px;background:#3c997a;bottom:-27px}.header-actions{display:flex;align-items:center;gap:20px}.login-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.mobile-menu-toggle,.mobile-nav{display:none}
.site-footer{background:#0d222a;color:#d2e0dc;padding:65px 0 0}.site-footer .brand-name{color:#fff}.site-footer .brand-name span{color:#a5d9b8}.footer-main{display:flex;justify-content:space-between;gap:55px;padding-bottom:65px}.footer-main>div:first-child p{color:#a1b7b5;font-size:13px;line-height:2;margin-top:22px}.footer-links{display:flex;gap:96px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-links b{color:#eef8f3;font-size:13px;margin-bottom:9px}.footer-links a{font-size:12px;color:#abbfbc;display:inline-flex;gap:5px;align-items:center}.footer-links a:hover,.footer-bottom a:hover{color:#ccf4d9}.footer-bottom{border-top:1px solid #24414a;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;color:#8eaba6;font-size:11px}.footer-bottom a{color:#a8c7bb}
/* Hero */
.hero{background:#0b222c;color:#f5fbf8;position:relative;overflow:hidden}.hero:before{position:absolute;content:"";pointer-events:none;inset:0;background:radial-gradient(circle at 85% 30%,rgba(49,145,114,.15),transparent 42%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:652px;position:relative}.hero-copy{position:relative;z-index:2;padding:84px 0 80px}.hero-eyebrow{color:#b9f2d3;font-size:10px;letter-spacing:.16em}.hero h1{font-size:clamp(64px,6.7vw,104px);font-weight:700;line-height:1.2;letter-spacing:-.09em;margin:25px 0 25px}.hero h1 .serif-italic{color:#bcefcf}.hero-fullstop{color:#a2dfbf}.hero-text{color:#b4cdcb;font-size:15px;line-height:2.25;margin-bottom:31px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-stats{display:flex;align-items:center;gap:32px;margin-top:65px}.hero-stats>div{display:flex;flex-direction:column;gap:3px}.hero-stats strong{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-.06em}.hero-stats strong span{color:#a9e5c3}.hero-stats small{font-size:10.5px;color:#a8bcb9}.hero-stat-divider{width:1px;height:37px;background:#395660}.hero-visual{height:600px;align-self:stretch;position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:8% -40% -12% -20%;background:radial-gradient(ellipse at 55% 45%,rgba(58,156,125,.18),transparent 64%)}.hero-visual-grid{position:absolute;inset:15px -300px 0 -40px;opacity:.23;background-image:linear-gradient(rgba(181,240,207,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(181,240,207,.14) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at center,black,transparent 73%)}.hero-orbit{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(181,236,210,.08);left:60px;top:94px;transform:rotate(-22deg)}.orbit-2{width:550px;height:550px;top:25px;left:-4px}.orbit-3{width:680px;height:680px;top:-45px;left:-65px}.hero-graph{position:absolute;width:570px;height:510px;left:-10px;top:59px;filter:drop-shadow(0 9px 28px rgba(51,201,151,.19))}.hero-math-tag{position:absolute;border:1px solid #47796b;background:rgba(25,64,64,.84);border-radius:7px;color:#c2e8d5;font:italic 17px Georgia,serif;padding:8px 15px;z-index:2}.tag-one{top:120px;right:4px}.tag-two{top:335px;left:0}.hero-float-card{position:absolute;right:5px;bottom:87px;background:#e9f8ec;color:#123d34;padding:14px 18px;display:flex;gap:12px;align-items:center;border-radius:10px;box-shadow:0 14px 50px rgba(0,0,0,.18)}.hero-float-card .float-ico{width:35px;height:35px;display:grid;place-items:center;background:#c6e8d6;border-radius:9px}.hero-float-card b{font-size:13px;display:block}.hero-float-card small{display:block;font-size:11px;opacity:.75}.hero-visual-bottom{position:absolute;bottom:33px;right:7px;font-size:9px;letter-spacing:.15em;color:#789e99}
.proof-strip{background:#f3f7f4;border-bottom:1px solid #e2ede7}.proof-inner{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:18px}.proof-inner>span{font-size:12px;font-weight:700;color:#285748}.proof-inner>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#617b75}.proof-inner svg{color:#498d78}
/* Sections and cards */
.section{padding:105px 0}.section-featured{background:#fff}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:37px}.section-top h2{font-size:clamp(30px,3.3vw,45px);font-weight:700;margin:14px 0 10px;letter-spacing:-.06em}.section-top p{font-size:14px;color:var(--muted);margin:0}.section-top>.text-link{margin-bottom:8px}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.course-card{background:#fff;border:1px solid #e5ebe8;border-radius:13px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bdd7cc}.course-card-cover{display:block;height:180px;overflow:hidden;position:relative;background:#173c3e}.course-art{width:100%;height:100%;display:block;object-fit:cover}.course-card-cover .course-art{transition:transform .35s}.course-card:hover .course-card-cover .course-art{transform:scale(1.06)}.art-overlay{position:absolute;inset:0;padding:16px 17px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.course-code{background:rgba(10,34,37,.51);border:1px solid rgba(216,250,234,.19);padding:4px 8px;border-radius:5px;color:#e3fbeb;font-size:9px;letter-spacing:.11em}.art-formula{font:italic 18px Georgia,serif;color:#f4f3dc;align-self:end;margin-bottom:2px;filter:drop-shadow(0 1px 3px #123)}.course-card-body{padding:20px 20px 17px;display:flex;flex-direction:column;flex:1}.course-card-meta{display:flex;align-items:center;gap:6px;color:#448771;font-size:10px;font-weight:700;letter-spacing:.02em}.course-card-meta span:nth-child(2){color:#b8c9c3}.course-card h3{font-size:18px;letter-spacing:-.035em;line-height:1.25;margin:12px 0 2px;font-weight:800}.course-card h3 a:hover{color:#268264}.course-zh{font-size:12px;color:#5c726b;font-weight:600}.course-card p{color:#6a7d7b;font-size:12px;line-height:1.8;margin:11px 0 19px;min-height:44px}.course-card-foot{border-top:1px solid #edf1ef;padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;color:#687e78}.course-card-foot>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.course-card-foot b{font-size:13px;color:#183a32;white-space:nowrap}.dot-sep{padding:0 3px;color:#bacbc6}
.section-method{background:#f5f7f3}.method-wrap{display:grid;grid-template-columns:.9fr 1fr;gap:105px;align-items:center}.method-head h2{font-size:clamp(33px,4vw,54px);margin:19px 0 20px;line-height:1.42}.method-head h2 em{font-style:normal;color:#2d8168}.method-head>p{color:#72837d;font-size:14px;line-height:2;max-width:410px;margin-bottom:24px}.method-list{border-top:1px solid #cedbd3}.method-item{padding:29px 0;display:flex;align-items:start;gap:25px;border-bottom:1px solid #cedbd3}.method-item>span{font:italic 27px Georgia,serif;color:#a5bbb1;line-height:1.2;width:43px}.method-item>div{flex:1}.method-item h3{font-size:19px;margin:0 0 5px}.method-item p{color:#6a7d77;font-size:13px;line-height:1.95;margin:0}.method-item>svg{color:#588673}
.section-subjects{background:white}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.subject-card{min-height:230px;border-radius:12px;padding:23px;position:relative;overflow:hidden;background:#e8f4ee;display:flex;flex-direction:column;justify-content:end;transition:transform .2s}.subject-card:hover{transform:translateY(-4px)}.subject-1{background:#eaf1f6}.subject-2{background:#f4eee4}.subject-3{background:#ebedf7}.subject-symbol{position:absolute;top:10px;right:18px;font:italic 111px Georgia,serif;line-height:1;color:rgba(52,125,99,.22);transform:rotate(-10deg)}.subject-1 .subject-symbol{color:#92b5ca}.subject-2 .subject-symbol{color:#d7bea4}.subject-3 .subject-symbol{color:#aab4db}.subject-card small{font-size:10px;color:#5a8273;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.subject-card h3{font-size:20px;margin:7px 0 5px}.subject-card p{font-size:10.5px;color:#70877e;margin:0;white-space:nowrap}.subject-go{position:absolute;top:17px;left:20px;border:1px solid rgba(20,70,57,.19);border-radius:100%;padding:8px;display:grid;place-items:center;color:#2f745c}
.notes-feature{background:#edf2e9;overflow:hidden}.notes-feature-inner{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:75px}.notes-feature h2{font-size:clamp(35px,4vw,52px);margin:18px 0}.notes-feature h2 .serif-italic{color:#408b70}.notes-feature p{color:#6b7f75;font-size:14px;max-width:415px;line-height:2;margin-bottom:29px}.paper-stack{position:relative;display:grid;place-items:center;min-height:410px}.stack-back{position:absolute;width:78%;height:360px;border:1px solid #d5e2d7;background:#d9e3d8;transform:rotate(7deg) translate(17px,7px);border-radius:6px;box-shadow:0 17px 35px #365b4530}.paper{width:min(390px,92%);background:#fff;position:relative;padding:31px 37px 25px;box-shadow:0 18px 45px #365b4528;transform:rotate(-4deg);border:1px solid #dfe8dc;min-height:370px}.paper>span,.paper>small{font-size:9px;letter-spacing:.12em;color:#628573;font-weight:700}.paper h3{font:italic 26px Georgia,serif;margin:9px 0 10px;letter-spacing:0}.paper-rule{width:48px;height:2px;background:#79b395}.paper-formula{font:italic 18px Georgia,serif;text-align:center;margin:28px 0;color:#204e3f}.paper>p{font:13px/1.8 Georgia,serif;color:#617468;margin:0}.paper-divider{height:1px;background:#d7e4dc;margin:22px 0 10px}.paper-diagram{width:110px;height:67px;margin:0 auto 13px;overflow:hidden;border-radius:6px}.paper>small{display:block;text-align:center}
.section-last-cta{padding-top:80px;padding-bottom:110px;background:white}.last-cta{background:#102a31;color:#fff;border-radius:18px;min-height:270px;padding:52px 63px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.last-cta:after{content:'∑';position:absolute;right:230px;top:-115px;font:italic 400px Georgia,serif;color:#a7d9c8;opacity:.05;pointer-events:none}.last-cta .eyebrow{color:#abe6c6}.last-cta h2{font-size:clamp(27px,3.4vw,41px);margin:13px 0 10px;line-height:1.5}.last-cta p{margin:0;color:#a8c3bd;font-size:13px}
/* Catalog and course detail */
.page-hero{background:#f0f5ef;position:relative;overflow:hidden}.page-hero:after{content:'∂';font:italic 300px Georgia,serif;position:absolute;right:10%;top:-120px;color:#dceae1;pointer-events:none}.compact-hero{padding:79px 0 77px}.page-hero h1{font-size:clamp(39px,4.7vw,66px);letter-spacing:-.065em;line-height:1.34;margin:18px 0}.page-hero h1 .serif-italic{color:#368468}.page-hero p{font-size:14px;line-height:2;color:#677f73;max-width:560px;margin-bottom:0}.catalog-layout{padding-top:43px;padding-bottom:115px}.catalog-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:center}.search-box{min-width:290px;max-width:520px;flex:1;display:flex;align-items:center;gap:12px;background:#f7faf7;border:1px solid #e0e8e3;padding:0 15px;height:49px;border-radius:9px;color:#6c8579}.search-box:focus-within{border-color:#73b79a;box-shadow:0 0 0 3px #cfe8db66}.search-box input{border:0;background:transparent;outline:0;width:100%;font-size:13px;color:#18352b;min-width:0}.catalog-selects{display:flex;gap:12px}.select-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e1e8e4;border-radius:8px;padding:0 13px;height:49px}.select-wrap span{font-size:11px;color:#80918b;white-space:nowrap}.select-wrap select{background:transparent;border:0;outline:0;font-size:12px;font-weight:700;color:#32594b;max-width:136px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 27px}.chip{background:#fff;border:1px solid #dce6df;padding:8px 15px;border-radius:40px;color:#698277;font-size:12px;font-weight:600;transition:.15s}.chip:hover{background:#f2f8f4;border-color:#c0d7c9}.chip.active{background:#183d34;border-color:#183d34;color:#fff}.catalog-count{font-size:12px;color:#76887f;margin-bottom:19px}.catalog-count b{color:#2a5548}.empty-state{grid-column:1/-1;text-align:center;background:#f7faf7;padding:75px 20px;border-radius:12px;color:#6d887d}.empty-state h3{color:var(--ink);margin:12px 0}.empty-state p{margin-bottom:20px}
.course-detail-top{background:#102a32;color:#fff;padding:48px 0 67px;overflow:hidden}.course-detail-grid{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:45px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:11px;color:#788a87;margin-bottom:24px;flex-wrap:wrap}.breadcrumbs a:hover{color:#2d8d6b}.course-detail-top .breadcrumbs{color:#9bb6b0}.course-detail-top .eyebrow{color:#b2e8c7}.course-detail-top h1{font-size:clamp(44px,5vw,70px);line-height:1.15;letter-spacing:-.068em;margin:20px 0 22px}.course-detail-top h1 span{display:block;font-size:25px;letter-spacing:-.05em;color:#a6ceb9;margin-top:12px;font-weight:500}.course-detail-lead{color:#b1ccc6;font-size:14px;line-height:2;max-width:655px}.course-detail-facts{display:flex;gap:25px;margin:23px 0 30px;flex-wrap:wrap}.course-detail-facts span{display:flex;align-items:center;gap:9px;font-size:12px;color:#bdd4cc}.detail-buttons{display:flex;gap:12px;flex-wrap:wrap}.detail-art{height:335px;border:1px solid #457365;position:relative;border-radius:12px;overflow:hidden;background:#193d40;box-shadow:0 20px 55px #061e2840}.detail-art .course-art{width:100%;height:100%}.detail-art-label{position:absolute;bottom:20px;right:27px;font:italic 31px Georgia,serif;color:#f2e7c8}.course-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:70px;padding:77px 0 115px;align-items:start}.content-block{padding-bottom:54px;margin-bottom:53px;border-bottom:1px solid #e4ebe7}.content-block:last-child{border:0}.mini-heading{font-size:10px;color:#3a8469;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.content-block h2,.dashboard-block h2{font-size:30px;margin:14px 0 19px}.outcome-list{display:grid;gap:13px;margin-top:25px}.outcome-list>div{display:flex;align-items:center;gap:13px;color:#526a5f;font-size:14px}.outcome-list svg{color:#348867}.block-desc{font-size:13px;color:#738b7f}.syllabus{border:1px solid #dfe8e2;border-radius:12px;overflow:hidden;margin-top:26px}.syllabus-section-head{background:#f0f5f1;border-bottom:1px solid #dfebe2;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font-size:12px;font-weight:800;color:#395a4d}.syllabus-section-head small{font-size:11px;color:#8aa099}.syllabus-section:not(:first-child) .syllabus-section-head{border-top:1px solid #dfebe2}.syllabus-lesson{display:flex;align-items:center;gap:15px;padding:15px 19px;border-top:1px solid #edf1ee;transition:background .15s}.syllabus-lesson:hover,.syllabus-lesson.selected{background:#f7faf7}.syllabus-lesson:first-of-type{border-top:0}.lesson-number{font-size:11px;color:#8aa39a;font-weight:700;width:27px}.syllabus-lesson-text{flex:1;font-size:13px;color:#25463b;font-weight:600}.syllabus-lesson-text small{font-size:11px;font-weight:400;color:#9cafaa;display:flex;align-items:center;gap:5px;margin-top:3px}.preview-pill{border-radius:4px;padding:3px 7px;font-size:10px;color:#236e55;background:#e3f5ea;font-weight:700}.locked-icon{color:#a6b8b0}.purchase-aside{position:sticky;top:105px}.purchase-card{border:1px solid #e0e7e2;overflow:hidden;border-radius:14px;box-shadow:var(--shadow);background:white}.purchase-preview{height:170px;background:#102d35;position:relative}.purchase-preview>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:#dcf8e8;color:#1b6851;box-shadow:0 5px 25px #041d2366}.purchase-card-inner{padding:26px}.price-label{font-size:11px;color:#6f887b}.purchase-price{font-size:32px;font-weight:800;letter-spacing:-.06em;line-height:1.4;margin-top:6px}.purchase-card-inner>p{font-size:11px;color:#83958a;margin-bottom:23px}.purchase-card-inner .btn+.btn{margin-top:9px}.purchase-bullets{display:grid;gap:11px;padding-top:23px;margin-top:24px;border-top:1px solid #e5ece7}.purchase-bullets span{font-size:11px;color:#5b7868;display:flex;align-items:center;gap:10px}.purchase-bullets svg{color:#2a8a68}.mock-label{color:#a5b5ad;display:block;margin-top:20px;text-align:center;font-size:9px;letter-spacing:.08em}.learning-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.learning-methods>div{background:#f5f9f5;padding:18px;border-radius:9px}.learning-methods svg{color:#348769}.learning-methods b{display:block;font-size:13px;margin:11px 0 5px}.learning-methods p{font-size:11px;line-height:1.7;color:#759083;margin:0}
/* Lesson area */
.lesson-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:85vh;background:#fff}.lesson-sidebar{border-right:1px solid #e0e7e3;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto;background:#f8faf8;scrollbar-width:thin}.lesson-sidebar-top{padding:26px 22px 24px;border-bottom:1px solid #e0e9e3}.sidebar-back{display:flex;align-items:center;gap:3px;color:#659181;font-size:11px;font-weight:700;margin-bottom:27px}.sidebar-back svg{transform:rotate(180deg)}.lesson-sidebar-top>small{font-size:10px;color:#3c8669;letter-spacing:.09em;font-weight:800}.lesson-sidebar-top h3{font-size:21px;letter-spacing:-.04em;margin:4px 0 0}.lesson-sidebar-top p{font-size:12px;color:#7a9085;margin:0}.lesson-sidebar .syllabus-section-head{padding:15px 15px;background:#f0f4f0}.lesson-sidebar .syllabus-lesson{padding:11px 15px;gap:8px}.lesson-sidebar .syllabus-lesson-text{font-size:11px}.lesson-sidebar .syllabus-lesson-text small{font-size:10px}.lesson-sidebar .preview-pill{font-size:9px}.lesson-sidebar .lesson-number{width:22px}.lesson-content{max-width:1150px;width:100%;padding:39px clamp(24px,5vw,80px) 90px;margin:auto}.lesson-heading{margin-bottom:28px}.lesson-heading .breadcrumbs{margin-bottom:18px}.lesson-heading-top{display:flex;align-items:center;justify-content:space-between}.lesson-heading .eyebrow{color:#368a68}.round-action{width:41px;height:41px;border:1px solid #d7e6db;border-radius:50%;display:grid;place-items:center;color:#739487;background:white}.round-action.done{background:#daf1e1;color:#168059;border-color:#b2d8be}.lesson-heading h1{font-size:clamp(31px,3.8vw,48px);margin:8px 0 8px}.lesson-heading p{font-size:12px;color:#7a8f83;margin:0}.video-stage{position:relative;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#071e27;color:white}.video-pattern{position:absolute;inset:0;opacity:.55}.video-pattern .course-art{width:100%;height:100%}.video-stage:after{content:"";inset:0;position:absolute;background:linear-gradient(180deg,#061b2380,#061b2312 35%,#061b23c2);pointer-events:none}.video-stage-center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.video-circle{width:80px;height:80px;display:grid;place-items:center;border:1px solid #a1dfbe88;background:#c8f2dd2c;border-radius:50%;color:#d4f5e1;margin-bottom:5px}.video-stage-center strong{font-size:13px;letter-spacing:.13em}.video-stage-center span{font-size:11px;color:#b5d3ca}.video-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;position:absolute;bottom:19px;left:26px;right:26px;z-index:2;color:#b7d5c9;font-size:9px;letter-spacing:.1em}.video-bottom span:last-child{display:flex;align-items:center;gap:6px;letter-spacing:0}.video-alert{display:flex;align-items:flex-start;gap:10px;background:#f4f7f3;color:#7d8d80;font-size:11px;line-height:1.7;padding:13px 16px;border:1px solid #e4ebe4;border-radius:7px;margin-top:14px}.video-alert svg{color:#6b9380}.lesson-body{max-width:900px;margin-top:32px}.lesson-tabs{display:flex;gap:32px;border-bottom:1px solid #e2e9e4;position:sticky;top:72px;background:#fff;z-index:4}.lesson-tabs a{font-size:12px;font-weight:700;color:#718a7b;padding:13px 2px;white-space:nowrap}.lesson-tabs a:hover,.lesson-tabs a.tab-active{color:#287453;border-bottom:2px solid #287453}.lecture-section{padding:46px 0 42px;border-bottom:1px solid #e5ebe6}.lecture-section h2{font-size:26px;letter-spacing:-.04em;margin:12px 0 19px}.lecture-section h3{font-size:18px;margin:27px 0 12px}.lecture-section>p{font-size:14px;color:#60776c;line-height:2.1}.formula-block{background:#f2f7f3;border-left:3px solid #63ab83;padding:25px 30px;margin:26px 0}.formula-block>span{display:block;font-size:10px;color:#5a9880;letter-spacing:.12em;font-weight:800;margin-bottom:13px}.formula-block>div{font:italic clamp(19px,2.8vw,29px) Georgia,serif;color:#174d3c;overflow-wrap:anywhere}.insight-box{display:flex;gap:14px;padding:22px;background:#edf5ed;border-radius:9px;color:#24654b;margin:28px 0}.insight-box svg{margin-top:1px}.insight-box b{font-size:13px}.insight-box p{font-size:12px;line-height:1.9;margin:6px 0 0;color:#527c64}.interactive-box{border:1px solid #dce7df;background:#fcfdfb;border-radius:11px;padding:22px;margin:33px 0}.interactive-intro{display:flex;justify-content:space-between;gap:17px;align-items:start}.interactive-intro b{font-size:13px}.interactive-intro p{font-size:11px;color:#6f857a;margin:5px 0 0}.interactive-value{font-size:11px;color:#648b78;white-space:nowrap}.interactive-value strong{font-size:22px;color:#225a49}.graph-svg{width:100%;height:auto;display:block;margin:8px 0 1px}.range-row{display:flex;justify-content:space-between;align-items:center;gap:13px;font-size:11px;color:#668574}.range-row input{flex:1;accent-color:#26795e}.range-row b{color:#246f54}.quiz-card{border:1px solid #dbe7df;border-radius:11px;padding:24px;margin-top:28px}.quiz-label{font-size:10px;color:#548976;letter-spacing:.12em;font-weight:800}.quiz-card h3{font-size:17px;line-height:1.6;margin:11px 0 18px}.quiz-options{display:grid;gap:9px}.quiz-option{border:1px solid #e1e9e4;border-radius:8px;background:#fff;display:flex;align-items:center;gap:14px;text-align:left;padding:11px 14px;color:#3d584d;font-size:12px;transition:.15s}.quiz-option:hover,.quiz-option.selected{border-color:#8abea3;background:#f1f8f3}.quiz-option>span{width:27px;height:27px;border-radius:6px;background:#eef4ef;display:grid;place-items:center;font-weight:800;font-size:11px;color:#638371}.quiz-option.selected>span{background:#287355;color:#fff}.quiz-submit{margin-top:20px}.quiz-feedback{display:flex;gap:12px;padding:15px;margin-top:15px;border-radius:7px;background:#ecf7ee;color:#206647}.quiz-feedback.incorrect{background:#fff3e9;color:#94572d}.quiz-feedback b{font-size:13px}.quiz-feedback p{font-size:12px;line-height:1.8;margin:4px 0 0}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:40px}.lesson-navigation>div>small{font-size:10px;color:#96a59a;display:block;margin-bottom:12px}.next-lesson-card{font-size:12px;color:#24634b;display:flex;align-items:center;gap:11px;font-weight:700}.locked-page{padding:45px 0 115px;min-height:70vh}.locked-center{max-width:590px;text-align:center;margin:50px auto 20px}.locked-big-icon{width:75px;height:75px;display:grid;place-items:center;background:#eaf3eb;color:#448d6c;border-radius:50%;margin:0 auto 25px}.locked-center h1{font-size:43px;margin:16px 0}.locked-center>p{color:#728b7d;font-size:14px;line-height:2}.locked-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px 0 24px}.locked-center>small{font-size:11px;color:#9eafa5}
/* Notes library / article */
.notes-page{padding-top:45px;padding-bottom:115px}.notes-page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.notes-filter-note{display:flex;gap:9px;align-items:center;font-size:11px;color:#7d998a}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.note-card{border:1px solid #e1eae3;border-radius:12px;padding:25px;display:flex;gap:18px;transition:box-shadow .2s}.note-card:hover{box-shadow:var(--shadow)}.note-card-icon{width:44px;height:44px;background:#e6f3e9;color:#34836a;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.note-card-content{flex:1}.note-card-meta{font-size:10px;color:#6c9381;font-weight:700;display:flex;gap:8px;flex-wrap:wrap}.note-card-meta span{color:#bdcfc3}.note-card h3{font-size:19px;margin:7px 0 6px;line-height:1.45}.note-card p{color:#73887d;font-size:12px;line-height:1.85;margin:0 0 19px}.note-card-bottom{display:flex;justify-content:space-between;align-items:center}.save-btn,.note-bookmark{border:0;background:transparent;color:#6c9984;display:flex;align-items:center;gap:7px}.save-btn.saved{color:#157954}.note-detail-page{padding:54px 0 112px}.note-detail-grid{display:grid;grid-template-columns:minmax(0,770px) 245px;justify-content:space-between;gap:70px}.article h1{font-size:clamp(33px,4.3vw,53px);margin:17px 0 14px;line-height:1.37}.article-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#839b8e}.note-bookmark{font-size:11px;margin-left:auto}.article-divider{height:1px;background:#e3ece5;margin:31px 0}.article-lead{font-size:17px!important;color:#385f4a!important;font-weight:600}.article h2{font-size:25px;margin:43px 0 17px}.article p{color:#61796d;font-size:14px;line-height:2.15}.article-formula{background:#f0f6f0;border-radius:8px;padding:27px;text-align:center;margin:28px 0}.article-formula>span{display:block;font-size:10px;color:#5d8f76;letter-spacing:.14em;font-weight:700}.article-formula strong{display:block;font:italic clamp(19px,3vw,29px) Georgia,serif;color:#1c6048;margin-top:12px;overflow-wrap:anywhere}.article-next{display:flex;gap:19px;border-top:1px solid #e4ebe5;margin-top:48px;padding-top:30px}.article-next>svg{color:#408967;flex-shrink:0}.article-next small{color:#579275;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.article-next h3{font-size:19px;margin:4px 0}.article-next p{font-size:12px;margin:0 0 12px}.article-aside{position:relative}.article-aside-box{position:sticky;top:115px;border-left:1px solid #dce8de;padding:6px 0 0 21px}.article-aside-box>.eyebrow{margin-bottom:20px}.aside-item{display:block;color:#7c9586;font-size:11px;margin:0 0 14px}.article-aside-box hr{border:0;border-top:1px solid #e5ece6;margin:27px 0}.article-aside-box p{font-size:12px;color:#819688;line-height:1.8}
/* Dashboard */
.dashboard-hero{padding:65px 0}.dashboard-hero:after{content:'∑';right:14%;top:-120px}.dashboard-layout{padding:48px 0 105px}.dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.stat-card{border:1px solid #e2eae4;border-radius:12px;padding:25px 28px;background:#fff;display:grid;justify-items:start}.stat-card>span{width:39px;height:39px;display:grid;place-items:center;background:#eaf6ed;color:#388764;border-radius:9px;margin-bottom:9px}.stat-card strong{font-size:35px;letter-spacing:-.07em;line-height:1.3}.stat-card small{font-size:11px;color:#789183}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:30px}.dashboard-block{border:1px solid #e3ece5;border-radius:12px;padding:26px;margin-bottom:22px}.dashboard-block-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.dashboard-block h2{font-size:22px;margin:7px 0 0}.continue-row,.saved-note-row{display:flex;align-items:center;gap:14px;border-top:1px solid #eaf0eb;padding:17px 0}.continue-dot{border-radius:10px;width:42px;height:42px;display:grid;place-items:center;background:#eaf4ee;color:#347c5e}.continue-dot.finished{background:#d4f1dd;color:#1c8957}.continue-row>div:nth-child(2),.saved-note-row>div{flex:1;min-width:0}.continue-row b,.saved-note-row b{display:block;font-size:13px}.continue-row small,.saved-note-row small{display:block;font-size:11px;color:#8ca095;margin-top:4px}.continue-row>span{display:flex;align-items:center;gap:8px;color:#559077;font-size:11px}.saved-note-row>svg{color:#5a9b7a}.blank-state{text-align:center;padding:33px 0;color:#6f8f7c}.blank-state p{font-size:12px;color:#84998b;line-height:2}.account-preview{border-radius:12px;padding:30px 25px;background:#eaf4ed;margin-bottom:20px}.account-avatar{background:#2f7158;color:#c3f0d2;width:49px;height:49px;border-radius:13px;display:grid;place-items:center;font:italic 29px Georgia,serif;margin-bottom:18px}.account-preview h3{font-size:18px;margin-bottom:9px}.account-preview p{font-size:12px;color:#688675;line-height:2}.account-preview>span{display:block;font-size:10px;color:#7c9988;text-align:center;margin-top:14px}.demo-controls{border:1px dashed #cfddd1;border-radius:10px;padding:19px}.demo-controls>div{display:flex;gap:9px;align-items:center;color:#467c63;font-size:12px}.demo-controls p{font-size:11px;color:#91a496;line-height:1.8}.demo-controls button{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:7px;color:#537d66;font-size:11px;font-weight:700}
/* Auth and checkout */
.auth-page{min-height:680px;display:grid;grid-template-columns:1fr 1fr}.auth-illustration{background:#102b33;color:#fff;padding:55px min(7vw,110px);position:relative;overflow:hidden}.auth-illustration:after{position:absolute;content:'∫';font:italic 620px Georgia,serif;color:#83d3b7;opacity:.045;top:-150px;right:-60px}.auth-illustration .brand-name{color:#fff}.auth-illustration .brand-name span{color:#bde8cd}.auth-illustration-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start}.auth-display-formula{font:italic 44px Georgia,serif;color:#b5efc9;margin:auto 0 20px}.auth-display-formula sub,.auth-display-formula sup{font-size:16px}.auth-illustration h2{font-size:clamp(34px,4vw,60px);line-height:1.35;margin:0}.auth-illustration p{color:#b2cfc4;margin-top:20px;font-size:13px}.auth-illustration-inner>span{font-size:10px;letter-spacing:.13em;color:#75ae99;margin-top:auto;padding-top:80px}.auth-form-area{display:grid;place-items:center;padding:55px 45px}.auth-box{width:min(390px,100%)}.auth-box h1{font-size:43px;margin:14px 0}.auth-box>p{font-size:13px;color:#7a9283;line-height:2}.google-btn{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #d5e1d9;background:#fff;border-radius:9px;width:100%;min-height:54px;font-size:14px;font-weight:800;color:#193b2e;margin:30px 0 18px}.google-btn:hover{background:#f5faf6;border-color:#b0d0bc}.auth-status{display:flex;gap:9px;align-items:flex-start;padding:14px;background:#f5f8f5;border-radius:7px;font-size:11px;color:#7a9382;line-height:1.8}.auth-status svg{color:#52886c}.auth-legal{font-size:10.5px!important;color:#9caaa0!important;margin-top:30px}.auth-back{color:#4a8466;font-size:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center;margin-top:25px}.auth-back svg{transform:rotate(180deg)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:75px;padding:64px 0 120px;min-height:72vh}.checkout-layout h1{font-size:clamp(35px,4.3vw,54px);margin:17px 0}.checkout-intro{font-size:13px;color:#718678;line-height:2}.checkout-panel{border:1px solid #e0e9e2;border-radius:12px;padding:28px;margin-top:35px}.checkout-panel h2{font-size:19px}.checkout-disabled{display:flex;gap:15px;align-items:flex-start;padding:24px;background:#f3f6f3;border-radius:9px;margin:19px 0 23px;color:#59866c}.checkout-disabled b{display:block;color:#234935;font-size:13px}.checkout-disabled p{font-size:12px;color:#819587;line-height:1.9;margin:6px 0 0}.secure-hint{display:flex;gap:8px;align-items:center;color:#8fa395;font-size:10px;margin-top:16px}.checkout-summary{border:1px solid #e0e8e0;border-radius:12px;padding:28px;position:sticky;top:110px}.checkout-summary h3{font-size:18px;margin-bottom:24px}.checkout-course{display:flex;gap:14px;padding-bottom:24px;border-bottom:1px solid #e9efe9;align-items:center}.checkout-course>.course-art{width:98px;height:80px;border-radius:7px;flex-shrink:0}.checkout-course small{font-size:10px;color:#6e9680}.checkout-course b{font-size:14px;display:block}.checkout-course p{font-size:11px;color:#859e8d;margin:0}.summary-row{display:flex;justify-content:space-between;margin:18px 0;font-size:12px;color:#6e8779}.summary-row b{color:#234938}.summary-total{border-top:1px solid #e1e9e2;margin-top:25px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.summary-total strong{font-size:23px;color:#184833}.checkout-summary>small{display:block;color:#94a69a;font-size:10px;line-height:1.8;margin-top:20px}
/* Studio + About */
.studio-layout{padding:57px 0 115px}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.studio-top h1{font-size:49px;margin:14px 0 9px}.studio-top p{color:#7a8f81;font-size:13px}.studio-badge{padding:8px 13px;background:#f4f2e9;color:#927d43;border:1px solid #e6dcc2;border-radius:40px;display:flex;gap:7px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.04em}.studio-warning{display:flex;gap:13px;padding:16px 19px;background:#fff8ed;border:1px solid #f3dfbe;border-radius:10px;color:#a07c38;margin:24px 0}.studio-warning b{font-size:12px}.studio-warning p{font-size:11px;line-height:1.8;margin:3px 0 0}.studio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.studio-metrics>div{border:1px solid #e2eae4;border-radius:10px;padding:20px 23px;display:flex;flex-direction:column}.studio-metrics span{color:#84998d;font-size:11px}.studio-metrics strong{font-size:29px;letter-spacing:-.05em}.studio-metrics small{font-size:10px;color:#8ca296}.studio-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:start;gap:22px}.studio-panel{border:1px solid #e2eae5;border-radius:12px;padding:26px}.studio-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.studio-panel h2{font-size:22px;margin:8px 0 0}.studio-panel-title .btn{font-size:11px;padding:10px 13px}.studio-tr{display:grid;grid-template-columns:minmax(150px,2fr) 70px 70px 120px;align-items:center;gap:10px;border-top:1px solid #eaf0eb;padding:13px 3px;font-size:11px;color:#648273}.studio-tr b{display:block;color:#244538;font-size:12px}.studio-tr small{display:block;font-size:10px;color:#91a596}.studio-tr.table-head{background:#f4f8f5;color:#718d7e;font-weight:800;padding:11px 8px;border:0;border-radius:5px}.studio-tr span:last-child{font-size:10px}.status-dot{display:inline-block;background:#8ab99c;width:6px;height:6px;border-radius:50%;margin-right:4px}.studio-form>div>p{font-size:12px;color:#8ba091;line-height:1.9}.studio-form form{display:grid;gap:15px;margin-top:24px}.studio-form label{display:grid;gap:5px;color:#526d5c;font-size:11px;font-weight:700}.studio-form input,.studio-form select,.studio-form textarea{width:100%;background:#fbfcfa;border:1px solid #dce7de;border-radius:7px;padding:10px 12px;font-size:12px;color:#224638;outline:0}.studio-form textarea{resize:vertical;min-height:120px}.studio-form input:focus,.studio-form select:focus,.studio-form textarea:focus{border-color:#85baa0}.studio-form .btn{margin-top:10px}.about-page{background:#fff}.about-hero{padding:115px 0 100px;max-width:840px}.about-hero h1{font-size:clamp(43px,6vw,78px);line-height:1.32;margin:25px 0}.about-hero h1 .serif-italic{color:#448c70}.about-hero p{max-width:640px;color:#698174;font-size:15px;line-height:2.25}.about-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid #dfe7de;padding-top:38px;padding-bottom:100px}.about-columns span{color:#528a70;font-size:11px;font-weight:700;letter-spacing:.13em}.about-columns h2{font-size:24px;margin:23px 0}.about-columns p{font-size:13px;line-height:2.2;color:#788e80}.about-bottom{background:#102b33;color:white;padding:52px 65px;display:flex;justify-content:space-between;align-items:center;border-radius:15px;margin-bottom:105px;gap:20px}.about-bottom h2{font-size:40px;line-height:1.35;margin:0}.about-bottom h2 i{font-family:Georgia,serif;color:#b0eecb;font-weight:400}.notfound{text-align:center;padding:100px 0 155px}.notfound h1{font-size:110px;color:#173f34;margin:0}.notfound h1 span{color:#6dbe94}.notfound h2{font-size:27px}.notfound p{color:#789182;font-size:14px}.notfound .btn{margin-top:20px}.toast{position:fixed;z-index:999;bottom:27px;right:27px;background:#153f34;color:#eafff0;padding:16px 20px;max-width:min(420px,calc(100vw - 35px));font-size:12px;line-height:1.8;border-radius:9px;box-shadow:0 18px 60px #092b2d3d;transition:opacity .3s,transform .3s}.toast-info{background:#193e47}.toast-hide{opacity:0;transform:translateY(10px)}
/* Responsive */
@media (max-width:1160px){.nav-desktop{gap:20px}.hero-grid{grid-template-columns:1.05fr .95fr}.hero h1{font-size:clamp(61px,7.5vw,86px)}.hero-visual{margin-right:-30px}.course-grid{grid-template-columns:repeat(3,1fr)}.course-detail-body{gap:35px}.method-wrap{gap:60px}}
@media (max-width:950px){.container{width:min(var(--max),calc(100% - 42px))}.nav-desktop,.header-cta{display:none}.mobile-menu-toggle{border:0;background:transparent;display:grid;place-items:center;padding:8px;color:#194436}.mobile-nav{display:flex;flex-direction:column;gap:4px;padding:12px 21px 21px;border-top:1px solid #e9f0eb;background:#fff}.mobile-nav .nav-link{padding:12px 8px}.mobile-nav .nav-link.active:after{display:none}.hero-grid{grid-template-columns:1fr 1fr;min-height:580px}.hero-copy{padding:80px 0}.hero h1{font-size:65px}.hero-text{font-size:13px}.hero-stats{gap:20px;margin-top:48px}.hero-visual{height:580px}.hero-graph{width:510px;left:-45px}.tag-one{right:20px}.tag-two{left:0}.hero-float-card{right:20px}.subject-grid{grid-template-columns:repeat(2,1fr)}.notes-feature-inner{gap:30px}.course-detail-body{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.course-detail-grid{gap:23px}.detail-art{height:295px}.lesson-shell{grid-template-columns:228px minmax(0,1fr)}.lesson-content{padding:30px 32px 70px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 260px}.studio-grid{grid-template-columns:1fr}.footer-links{gap:35px}}
@media (max-width:700px){.container{width:calc(100% - 32px)}.announcement{font-size:9px;gap:7px;padding:0 6px}.announcement .ann-divider,.announcement a{display:none}.header-inner{height:62px}.header-actions{gap:7px}.login-link>span{display:none}.brand-name{font-size:20px}.brand-mark{width:34px;height:34px;font-size:26px}.hero-grid{display:block;min-height:0}.hero-copy{padding:66px 0 34px}.hero h1{font-size:clamp(57px,12vw,78px);margin:20px 0}.hero-text{font-size:13px}.hero-actions{gap:9px}.hero-actions .btn{padding:13px 15px;font-size:12px}.hero-stats{margin-top:42px;gap:19px}.hero-stats strong{font-size:24px}.hero-stats small{font-size:9px}.hero-visual{height:290px;margin:0 -16px;overflow:hidden}.hero-graph{width:440px;height:380px;top:-43px;left:calc(50% - 215px)}.hero-orbit{left:calc(50% - 205px);top:-65px}.orbit-2{left:calc(50% - 275px);top:-135px}.orbit-3{left:calc(50% - 340px);top:-200px}.tag-one{top:27px;right:12%}.tag-two{top:135px;left:9%}.hero-float-card{bottom:34px;right:8%;padding:10px 13px}.hero-visual-bottom{display:none}.proof-inner{flex-wrap:wrap;justify-content:center;padding:17px 0;gap:15px 22px}.proof-inner>span{width:100%;text-align:center}.proof-inner>div{font-size:10px}.proof-inner svg{width:15px}.section{padding:65px 0}.section-top{display:block;margin-bottom:27px}.section-top h2{font-size:34px}.section-top p{font-size:12px}.section-top>.text-link{margin-top:13px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-card-cover{height:150px}.course-card-body{padding:15px 12px 12px}.course-card h3{font-size:16px}.course-card-meta{font-size:9px}.course-card p{font-size:11px;margin:10px 0 15px}.course-card-foot{display:flex;flex-wrap:wrap;gap:5px;font-size:9px}.course-card-foot b{font-size:12px}.art-formula{font-size:14px}.course-code{font-size:8px}.method-wrap,.notes-feature-inner{grid-template-columns:1fr;gap:40px}.method-head h2{font-size:39px}.method-item{padding:21px 0}.subject-grid{gap:12px}.subject-card{min-height:195px;padding:16px}.subject-symbol{font-size:87px}.subject-card h3{font-size:17px}.subject-card p{font-size:9px;white-space:normal}.subject-go{left:15px;top:14px}.paper-stack{min-height:365px}.last-cta{padding:30px 26px;display:block;min-height:0}.last-cta h2{font-size:27px}.last-cta .btn{margin-top:22px}.section-last-cta{padding:50px 0}.footer-main{display:block;padding-bottom:35px}.footer-links{margin-top:35px;justify-content:space-between;gap:15px}.footer-links a{font-size:11px}.footer-bottom{display:block;line-height:2.2}.compact-hero{padding:54px 0}.page-hero h1{font-size:43px}.page-hero:after{font-size:180px;top:-45px;right:0}.page-hero p{font-size:12px}.catalog-layout{padding-top:29px;padding-bottom:65px}.catalog-toolbar{display:block}.search-box{max-width:none}.catalog-selects{margin-top:12px}.select-wrap{flex:1}.filter-chips{margin:21px 0}.chip{padding:7px 12px;font-size:11px}.course-detail-grid{grid-template-columns:1fr}.course-detail-top{padding:35px 0 43px}.course-detail-top h1{font-size:49px}.course-detail-top h1 span{font-size:22px}.course-detail-lead{font-size:12px}.detail-art{height:220px;margin-top:20px}.course-detail-body{display:flex;flex-direction:column;padding:49px 0 75px}.course-detail-main{width:100%}.purchase-aside{position:static;width:100%;order:-1;margin-bottom:15px}.purchase-card{display:grid;grid-template-columns:130px 1fr}.purchase-preview{height:100%}.purchase-card-inner{padding:16px}.purchase-card-inner .btn{white-space:normal}.purchase-card-inner>p,.purchase-bullets,.mock-label{display:none!important}.price-label{font-size:10px}.purchase-price{font-size:23px}.content-block{padding-bottom:34px;margin-bottom:35px}.content-block h2{font-size:27px}.outcome-list>div{font-size:12px}.learning-methods{grid-template-columns:1fr}.lesson-shell{display:block}.lesson-sidebar{position:relative;top:0;height:auto;max-height:290px;border-bottom:1px solid #e2eee4;border-right:0}.lesson-sidebar-top{padding:20px}.lesson-sidebar-list{display:flex;overflow-x:auto}.lesson-sidebar .syllabus-section{min-width:250px}.lesson-content{padding:24px 17px 70px}.lesson-heading h1{font-size:32px}.video-stage-center strong{font-size:9px}.video-stage-center span{font-size:9px}.video-circle{width:55px;height:55px}.video-bottom{font-size:8px;left:12px;right:12px;bottom:10px}.video-bottom span:last-child{display:none}.lesson-tabs{top:62px;gap:18px}.lesson-tabs a{font-size:11px}.lecture-section{padding:36px 0}.lesson-navigation{flex-wrap:wrap}.interactive-intro{display:block}.interactive-value{margin-top:15px}.notes-page{padding-bottom:65px}.notes-grid{grid-template-columns:1fr}.note-card{padding:18px}.note-detail-grid{display:block}.note-detail-page{padding:32px 0 75px}.article h1{font-size:34px}.article-aside{display:none}.dashboard-hero{padding:47px 0}.dashboard-summary{gap:8px}.stat-card{padding:14px 11px}.stat-card strong{font-size:27px}.stat-card small{font-size:9px}.dashboard-columns{display:block}.dashboard-layout{padding:24px 0 65px}.dashboard-block{padding:19px}.dashboard-right{margin-top:22px}.continue-row>span{font-size:10px}.auth-page{display:block;min-height:0}.auth-illustration{padding:27px;min-height:250px}.auth-illustration h2{font-size:32px}.auth-display-formula{margin:25px 0 5px;font-size:30px}.auth-illustration-inner>span{display:none}.auth-form-area{padding:55px 25px}.checkout-layout{display:flex;flex-direction:column;gap:35px;padding:40px 0 75px}.checkout-layout h1{font-size:39px}.checkout-summary{position:static}.studio-layout{padding:38px 0 70px}.studio-top{align-items:start}.studio-top h1{font-size:34px}.studio-badge{font-size:9px}.studio-metrics{grid-template-columns:repeat(2,1fr)}.studio-panel{padding:17px;overflow:auto}.studio-panel-title{display:block}.studio-panel-title .btn{margin-top:15px}.studio-tr{min-width:460px}.about-hero{padding:67px 0}.about-hero h1{font-size:42px}.about-columns{display:block;padding:30px 0}.about-columns>div{margin-bottom:35px}.about-bottom{padding:30px;display:block;margin-bottom:65px}.about-bottom h2{font-size:31px;margin-bottom:25px}.notfound{padding:70px 0 100px}}
@media(max-width:390px){.hero h1{font-size:55px}.course-grid{grid-template-columns:1fr}.course-card-cover{height:190px}.course-card-body{padding:18px}.subject-card{min-height:180px}.subject-grid{grid-template-columns:1fr}.purchase-card{display:block}.purchase-preview{height:155px}.course-detail-facts{gap:12px}.detail-buttons .btn{width:100%}.video-stage-center span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.video-circle{cursor:pointer;z-index:3;position:relative;transition:transform .18s}.video-circle:hover{transform:scale(1.08);background:#c8f2dd45}.video-circle:disabled{opacity:.5;cursor:wait}.secure-video{position:absolute;inset:0;z-index:10;width:100%;height:100%;background:#000;object-fit:contain}
/* Academy management and accessible reading surfaces */
[hidden]{display:none!important}.admin-space{display:grid;gap:24px}.admin-space .studio-metrics{margin:0}.admin-tabs{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #dce7de;padding-bottom:18px}.admin-tabs a{padding:9px 16px;border:1px solid #dce7de;border-radius:8px;font-size:13px;color:#254e3e;background:#f5f8f5}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.admin-table th{color:#658675;background:#f4f8f5;padding:13px;font-weight:600}.admin-table td{padding:16px 13px;border-bottom:1px solid #e8eee9;color:#315641}.admin-table td small{display:block;color:#7c9585;margin-top:5px}.admin-table td b{font-size:14px}.admin-pill{display:inline-block;padding:5px 10px;font-size:11px;border-radius:30px;background:#edf2ed;color:#647a69}.admin-inline{display:flex;align-items:end;gap:15px;margin:24px 0;flex-wrap:wrap}.admin-inline label{display:grid;gap:7px;font-size:12px;color:#5b7665}.admin-inline select{padding:11px;border:1px solid #dbe6dd;border-radius:7px;background:white;max-width:100%}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-editor .lesson-editor{min-width:0;margin:15px 0;padding:22px;border:1px solid #d9e6dd;border-radius:10px;background:#fafcf9}.lesson-editor legend{font-size:13px;color:#37664a;padding:0 10px}.lesson-editor label{margin-bottom:15px}.editor-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.editor-actions span{font-size:13px;color:#446e56}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0}.service-grid>div{display:flex;justify-content:space-between;padding:18px;border:1px solid #e1e9e2;border-radius:8px;font-size:13px}.service-live{background:#e3f4e8;color:#257145}.legal-page{max-width:800px;padding-top:70px;padding-bottom:100px}.legal-page h1{font-size:48px;letter-spacing:-.04em}.legal-page h2{font-size:23px;margin-top:38px}.legal-page p{font-size:14px;line-height:2.1;color:#5b7565}.lesson-text{white-space:pre-wrap;line-height:2;overflow-wrap:anywhere}.skip-link{position:fixed;top:-100px;left:20px;z-index:2000;background:white;padding:15px;color:#173f34}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #65a78d;outline-offset:4px}.admin-space .studio-panel>p{font-size:13px;color:#6a8272}.admin-space .studio-top h1{font-size:42px}@media(max-width:700px){.editor-grid,.service-grid{grid-template-columns:1fr}.admin-space .studio-top{display:block}.admin-space .studio-top h1{font-size:30px}.admin-space .studio-top>.btn{margin-top:16px}.course-editor .lesson-editor{padding:13px}.admin-inline{display:grid}.legal-page h1{font-size:36px}.admin-space .studio-panel{overflow:hidden}}
.katex-display{overflow-x:auto;overflow-y:hidden;padding:10px 0}.lesson-text .katex{white-space:normal}.course-demo-badge{background:#e8f2ea;color:#557664;border-radius:5px;font-size:9px;padding:3px 6px;font-weight:600}
.storage-budget{padding:20px;background:#f4f8f4;border:1px solid #dce8de;border-radius:10px;margin:20px 0}.storage-budget progress{width:100%;height:12px;accent-color:#3a8763}.storage-budget small{display:block;color:#6e8776;font-size:12px;line-height:1.8;margin-top:8px}