:root { --navy:#102a2f; --ink:#163438; --lime:#d9fb5b; --cream:#f6f2e9; --paper:#fffdf8; --muted:#617074; --line:#dbe1da; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
button, input { font:inherit; }
a { color:inherit; text-decoration:none; }
.site-header { height:78px; display:flex; align-items:center; max-width:1240px; margin:auto; padding:0 30px; gap:44px; position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:11px; font-size:20px; font-weight:800; letter-spacing:-.5px; white-space:nowrap; }
.brand b { color:#2c8c72; }
.brand-mark,.mini-logo { display:grid; grid-template-columns:repeat(3,6px); gap:3px; align-items:end; height:22px; }
.brand-mark i,.mini-logo i { display:block; width:6px; background:var(--ink); border-radius:4px; transform:skew(-15deg); }
.brand-mark i:nth-child(1),.mini-logo i:nth-child(1){height:11px}.brand-mark i:nth-child(2),.mini-logo i:nth-child(2){height:17px}.brand-mark i:nth-child(3),.mini-logo i:nth-child(3){height:22px}
nav { display:flex; gap:34px; margin-left:auto; font-size:14px; font-weight:700; }
nav a:hover { color:#2c8c72; }
.header-actions { display:flex; align-items:center; gap:12px; }
.search-icon { border:0; background:none; font-size:28px; cursor:pointer; color:var(--ink); }
.avatar { width:38px;height:38px;border-radius:50%;border:0;background:var(--navy);color:white;font-size:11px;font-weight:800;cursor:pointer; }
.menu-button { display:none; border:0; background:none; font-size:24px; }
.hero { min-height:620px; background:var(--cream); position:relative; overflow:hidden; display:grid;grid-template-columns:1fr 1fr; align-items:center; padding:60px max(6vw, calc((100vw - 1180px)/2)); }
.hero:before { content:"";position:absolute;width:430px;height:430px;border:1px solid #d8ded3;border-radius:50%;right:17%;top:90px; }
.hero-copy { position:relative; z-index:2; padding-right:30px; }
.eyebrow,.kicker { font-size:11px;letter-spacing:1.6px;font-weight:800;color:#4c6263; }
.eyebrow span { display:inline-grid;place-items:center;width:27px;height:27px;background:var(--lime);border-radius:50%;margin-right:9px;color:var(--ink); }
h1 { font-size:clamp(58px,6.1vw,88px);line-height:.91;letter-spacing:-5px;margin:28px 0 25px;color:var(--navy); }
h1 em { font-family:Georgia,serif;font-weight:400; }
.hero-copy>p { font-size:18px;line-height:1.6;color:#5c6c6d;max-width:540px; }
.hero-actions { display:flex;align-items:center;gap:30px;margin-top:35px; }
.button { display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 20px;border-radius:3px;font-size:13px;font-weight:800; }
.button.primary { background:var(--navy);color:white;min-width:174px; }.button span { font-size:18px; }
.text-link { font-size:13px;font-weight:800;display:flex;align-items:center;gap:10px; }
.play { width:34px;height:34px;border-radius:50%;border:1px solid #a8b4af;display:grid;place-items:center;font-size:9px; }
.learner-proof { margin-top:44px;display:flex;align-items:center;gap:15px; }.learner-proof p{font-size:11px!important;line-height:1.5!important;margin:0;color:#768181!important}.learner-proof b{color:var(--ink)}
.face-stack { display:flex; }.face-stack span { width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--cream);margin-left:-8px;background:#efd3b9;font-size:8px;font-weight:800; }.face-stack span:first-child{margin:0;background:#bddcda}.face-stack span:nth-child(3){background:#d9c7ed}.face-stack span:last-child{background:var(--lime)}
.hero-visual { min-height:500px;position:relative;z-index:1;display:grid;place-items:center; }
.orbit {position:absolute;border:1px solid #d7ddd3;border-radius:50%;}.orbit-one{width:520px;height:230px;transform:rotate(-18deg)}.orbit-two{width:400px;height:370px;transform:rotate(28deg)}
.lesson-card { background:#fff;border-radius:10px;box-shadow:0 28px 70px rgba(21,48,50,.16); }
.main-card { width:320px;padding:18px;transform:rotate(2deg);position:relative;z-index:2; }
.lesson-top { display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:900;color:#4d6662;letter-spacing:1px; }.mini-logo{grid-template-columns:repeat(3,4px);gap:2px;height:16px}.mini-logo i{width:4px!important}.mini-logo i:nth-child(1){height:7px}.mini-logo i:nth-child(2){height:12px}.mini-logo i:nth-child(3){height:16px}
.course-art { height:180px;background:#e6f1eb;margin:17px 0;display:grid;place-items:center;position:relative;overflow:hidden; }.course-art:before{content:"";width:190px;height:190px;border-radius:50%;background:#b9ddd4;position:absolute}.coin{position:absolute;z-index:2;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--lime);font-family:Georgia;font-size:38px}.arrow-line{position:absolute;z-index:3;font-size:48px;right:48px;top:16px}.paper{position:absolute;z-index:2;font-size:48px;left:38px;bottom:15px;color:#fff}.main-card small{font-size:8px;letter-spacing:1px;font-weight:800;color:#71807d}.main-card h3{font:700 29px/1.05 Georgia,serif;margin:9px 0 18px}.progress{height:4px;background:#e6e9e4;border-radius:5px}.progress i,.continue-progress i{height:100%;display:block;background:#4bb196;border-radius:5px}.main-card button{width:100%;border:0;background:var(--navy);color:#fff;border-radius:3px;margin-top:16px;padding:14px;text-align:left;font-size:11px;font-weight:800}.main-card button span{float:right}
.floating-card{position:absolute;background:#fff;padding:13px 15px;display:flex;align-items:center;gap:10px;border-radius:6px;box-shadow:0 15px 35px rgba(20,50,50,.14);z-index:3}.floating-card small{display:block;font-size:7px;letter-spacing:1px;color:#778582;font-weight:900}.floating-card b,.floating-card span{font-size:10px}.achievement{left:1%;top:21%;transform:rotate(-3deg)}.achievement>span{width:28px;height:28px;background:var(--lime);border-radius:50%;display:grid;place-items:center}.streak{right:0;bottom:18%;transform:rotate(3deg)}.streak>b{font:700 29px Georgia}.streak i{font-style:normal}.spark{position:absolute;font-size:25px;color:#397c6a}.spark-one{left:12%;bottom:15%}.spark-two{right:5%;top:13%;color:#e6aa6e}
.continue-section,.courses-section { max-width:1180px;margin:auto;padding:82px 24px; }.continue-section{padding-bottom:40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-heading h2{font:700 clamp(38px,4vw,55px)/1 Georgia,serif;margin:12px 0 0;letter-spacing:-2px}.section-heading>p{font-size:14px;line-height:1.7;color:#70807d}.section-heading a{font-size:12px;font-weight:800}.compact h2{font-size:34px}.continue-card{border:1px solid var(--line);border-radius:5px;padding:22px;display:grid;grid-template-columns:auto 1.4fr .8fr auto;align-items:center;gap:24px;box-shadow:0 8px 25px rgba(20,50,50,.05)}.continue-icon{width:72px;height:72px;border-radius:4px;background:#d9eee6;display:grid;place-items:center;font-size:30px}.continue-info span{font-size:8px;letter-spacing:1px;font-weight:900;color:#5c7772}.continue-info h3{font:700 22px Georgia;margin:7px 0}.continue-info p{font-size:12px;color:#74817f;margin:0}.continue-progress>div{height:5px;background:#e6ebe6}.continue-progress small{font-size:9px;color:#778582;display:block;margin-top:8px}.continue-card>button{width:43px;height:43px;border-radius:50%;border:0;background:var(--navy);color:white;font-size:19px;cursor:pointer}
.search-box{display:none}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #d8ded8;background:transparent;border-radius:30px;padding:10px 16px;font-size:11px;font-weight:700;cursor:pointer;color:#536766}.filters button.active,.filters button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;transition:.2s}.course-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,50,50,.09)}.card-art{height:160px;position:relative;display:grid;place-items:center;overflow:hidden}.card-art:before,.card-art:after{content:"";position:absolute;border:1px solid rgba(20,50,50,.18);border-radius:50%;width:160px;height:160px}.card-art:after{width:100px;height:100px;left:15px;top:70px}.card-art>span{font-size:56px;position:relative;z-index:1}.card-art small{position:absolute;left:15px;top:14px;font-size:8px;letter-spacing:1px;font-weight:900;text-transform:uppercase}.mint{background:#d9eee6}.blue{background:#d9e8ef}.coral{background:#f0d9c9}.violet{background:#dfdaf0}.yellow{background:#f3e9b9}.pink{background:#efd7db}.card-body{padding:20px}.level{font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:#5a716f}.card-body h3{font:700 23px Georgia;margin:8px 0}.card-body p{font-size:12px;line-height:1.6;color:#6c7c7a;min-height:58px}.course-meta{display:flex;align-items:center;gap:17px;border-top:1px solid #e8ebe6;margin-top:18px;padding-top:15px;font-size:9px;color:#687876}.course-meta span+span:before{content:"·";margin-right:17px}.course-meta button{margin-left:auto;border:0;background:transparent;font-size:18px;cursor:pointer}.empty-state{padding:70px;text-align:center;border:1px dashed #cad3cc;display:flex;flex-direction:column;gap:8px;color:#697977}
.paths-section{background:var(--navy);color:#fff;padding:90px max(24px,calc((100vw - 1180px)/2))}.section-heading.light .kicker,.section-heading.light p{color:#9fb2ae}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#42575a;border:1px solid #42575a}.path-card{background:var(--navy);padding:35px;min-height:420px;position:relative}.path-card.featured{background:#19393d}.path-number{position:absolute;right:24px;top:24px;color:#829592;font:italic 23px Georgia}.popular{position:absolute;right:57px;top:28px;background:var(--lime);color:var(--navy);font-size:7px;font-weight:900;letter-spacing:1px;padding:5px 8px}.path-icon{width:66px;height:66px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-size:30px;margin-bottom:50px}.path-card small{color:#9fb2ae;font-size:8px;letter-spacing:1px;font-weight:900}.path-card h3{font:700 29px Georgia;margin:12px 0}.path-card p{font-size:12px;color:#aebdb9;line-height:1.7;min-height:63px}.path-card>div:not(.path-icon){display:flex;gap:22px;font-size:9px;color:#aebdb9;margin:27px 0}.path-card a{font-size:11px;font-weight:800;color:var(--lime)}
.resource-section{max-width:1180px;margin:0 auto;padding:100px 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.resource-section h2{font:700 52px/1 Georgia;margin:14px 0 22px;letter-spacing:-2px}.resource-section>div:first-child>p{color:#6a7a78;font-size:14px;line-height:1.7;max-width:410px}.button.dark{background:var(--navy);color:#fff;margin-top:18px}.resource-list{border-top:1px solid var(--line)}.resource-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:21px;padding:24px 5px;border-bottom:1px solid var(--line)}.resource-list>a:hover b{transform:translateX(5px)}.resource-icon{width:54px;height:54px;border-radius:50%;background:#e2f1eb;display:grid;place-items:center;font-size:19px}.resource-list small{font-size:7px;letter-spacing:1px;font-weight:900;color:#70807d}.resource-list h3{font:700 21px Georgia;margin:5px 0}.resource-list p{font-size:10px;color:#7a8684;margin:0}.resource-list b{transition:.2s}
footer{background:#eff0e9;min-height:180px;padding:45px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.footer-brand{grid-row:1}.footer-brand+p{font:italic 16px Georgia;color:#667674;margin:4px 0}.footer-brand~div{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:30px;font-size:11px;font-weight:700}footer>small{grid-column:2;text-align:right;font-size:9px;color:#7d8886}
@media(max-width:850px){.site-header{height:68px;padding:0 20px}.menu-button{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:68px;left:15px;right:15px;background:#fff;padding:22px;box-shadow:0 15px 30px rgba(20,50,50,.12);flex-direction:column}.site-header nav.nav-open{display:flex}.header-actions{display:none}.hero{grid-template-columns:1fr;padding:55px 24px 40px}.hero-copy{text-align:center;padding:0}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.learner-proof{justify-content:center}.hero-visual{margin-top:20px}.course-grid{grid-template-columns:repeat(2,1fr)}.continue-card{grid-template-columns:auto 1fr auto}.continue-progress{display:none}.path-grid{grid-template-columns:1fr}.resource-section{grid-template-columns:1fr;gap:40px}.section-heading{align-items:flex-start}.section-heading>p{display:none}}
@media(max-width:560px){h1{font-size:55px;letter-spacing:-3px}.hero-actions{flex-direction:column}.hero-visual{transform:scale(.84);margin:-20px -30px;min-height:500px}.continue-section,.courses-section{padding:60px 18px}.section-heading{display:block}.section-heading a{display:inline-block;margin-top:20px}.continue-card{grid-template-columns:1fr auto}.continue-icon{display:none}.continue-info h3{font-size:18px}.search-box{display:flex;border:1px solid var(--line);padding:12px;margin-bottom:15px;gap:10px}.search-box input{border:0;outline:0;width:100%}.course-grid{grid-template-columns:1fr}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.filters button{white-space:nowrap}.resource-section{padding:75px 20px}.resource-section h2{font-size:43px}.footer-brand~div{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap}footer>small{grid-column:1;text-align:left}.achievement{left:5%}.streak{right:2%}}