@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#e8e1d5;--bg2:#ded5c7;--card:#f7f2e9;--card2:#efe7da;--ink:#20211f;--muted:#67645d;--line:#cdbfae;--dark:#222725;--dark2:#303632;--orange:#d66b21;--orange2:#b84d0d;--green:#2d7a58;--shadow:0 10px 28px rgba(55,47,38,.08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,var(--bg),#eee8df 42%,#e3dacd);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}button{font:inherit}.app{min-height:100vh}.topbar{background:#202521;border-bottom:1px solid #343b36;position:sticky;top:0;z-index:30;box-shadow:0 5px 18px #0000001f}.topbarInner{max-width:1180px;height:76px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logoArea{display:flex;align-items:center;gap:12px;color:#fff}.logoIcon{width:46px;height:46px;border-radius:11px;background:var(--orange);display:grid;place-items:center;color:#fff}.logoArea strong,.logoArea span{display:block}.logoArea strong{font-size:18px}.logoArea span{font-size:12px;color:#b9c0ba;margin-top:3px}.topProgress{width:230px}.topProgressText{display:flex;justify-content:space-between;font-size:12px;color:#c5cbc6;margin-bottom:7px}.topProgressText b{color:#fff}.progressLine{height:8px;background:#444b46;border-radius:30px;overflow:hidden}.progressLine i{height:100%;display:block;background:linear-gradient(90deg,#f08333,#d35d18);border-radius:30px}.progressLine.large{height:10px;margin:11px 0 9px;background:#ddd2c4}.wrap{max-width:1180px;margin:auto;padding:34px 22px 78px}.welcomeCard{background:linear-gradient(125deg,#202521,#2e3530 70%,#3b332a);border:1px solid #3a403c;border-radius:20px;padding:38px;display:grid;grid-template-columns:1.5fr .8fr;gap:34px;color:#fff;box-shadow:0 16px 38px #221f1b2e}.eyebrow,.sectionHeading>div>span,.incomeCard>div:nth-child(2)>span,.midOfferIntro>span,.discoverIntro>div:nth-child(2)>span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#f28b3d}.welcomeCopy h1{font-size:38px;line-height:1.08;margin:8px 0 13px;letter-spacing:-.025em}.welcomeCopy h1 em{font-style:normal;color:#ffb06e}.welcomeCopy p{font-size:16px;line-height:1.65;color:#e2e4e1;max-width:720px;margin:0}.welcomeTags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.welcomeTags span{display:flex;align-items:center;gap:8px;background:#343b36;border:1px solid #4a514c;padding:10px 12px;border-radius:9px;font-size:12px;color:#f5f5f3}.progressBox{background:#f1eadf;color:var(--ink);border-radius:16px;padding:22px;display:flex;align-items:center;gap:18px;align-self:center;box-shadow:0 7px 20px #00000021}.progressCircle{width:100px;height:100px;border:9px solid #e3cdb8;border-top-color:var(--orange);border-right-color:var(--orange);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf6ef}.progressCircle strong{font-size:26px}.progressCircle span{font-size:10px;color:var(--muted);margin-top:2px}.progressDetails{flex:1}.progressDetails b{font-size:13px}.progressDetails small{font-size:11px;color:var(--muted)}.discoverBar{margin-top:24px;background:#f3ecdf;border:1px solid #cdbfae;border-radius:18px;padding:20px;box-shadow:var(--shadow)}.discoverIntro{display:flex;gap:13px;align-items:center;border-bottom:1px solid #d8ccbd;padding-bottom:16px}.discoverIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#2d332f;color:#ff9a4f;flex:none}.discoverIntro h2{font-size:22px;line-height:1.25;margin:4px 0}.discoverIntro p{font-size:13px;color:var(--muted);margin:0}.quickCourses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.continueBlock,.courseContent,.toolsSection,.extrasSection{margin-top:42px}.sectionHeading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.sectionHeading h2{font-size:30px;letter-spacing:-.02em;margin:5px 0}.sectionHeading p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.lessonCount{font-size:12px;font-weight:900;background:#2b302c;color:#fff;padding:10px 13px;border-radius:9px;display:flex;align-items:center;gap:7px}.continueCard{width:100%;display:grid;grid-template-columns:390px 1fr;background:#f7f1e8;border:1px solid #cbbfaf;border-radius:17px;overflow:hidden;text-align:left;padding:0;cursor:pointer;box-shadow:var(--shadow);transition:.18s}.continueCard:hover,.lessonCard:hover{transform:translateY(-2px);box-shadow:0 14px 32px #372f2621;border-color:#b8aa97}.continueText{padding:28px;display:flex;flex-direction:column;justify-content:center}.continueText>span,.lessonInfo>span{font-size:11px;color:var(--orange2);font-weight:900;text-transform:uppercase;letter-spacing:.09em}.continueText h3{font-size:24px;line-height:1.2;margin:7px 0 9px}.continueText p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.watchButton{margin-top:18px;display:inline-flex;align-items:center;gap:8px;background:#2b302c;color:#fff;border-radius:9px;padding:11px 13px;width:max-content;font-size:12px;font-weight:800}.lessonVisual{position:relative;aspect-ratio:16/9;overflow:hidden;padding:14px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.lessonVisual.large{min-height:235px;padding:20px}.visualPattern{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%);background-size:30px 30px;background-position:0 0,15px 15px}.visualTop,.visualCenter,.visualBottom{position:relative;z-index:2}.visualTop{display:flex;align-items:center;justify-content:space-between}.visualTop span{font-size:10px;font-weight:900;letter-spacing:.12em;background:#00000038;padding:5px 7px;border-radius:6px}.visualCenter small,.visualCenter strong{display:block}.visualCenter small{font-size:10px;letter-spacing:.13em;font-weight:800;opacity:.85}.visualCenter strong{font-size:30px;letter-spacing:-.03em;margin-top:2px}.lessonVisual.large .visualCenter strong{font-size:43px}.lessonVisual.large .visualCenter small{font-size:11px}.visualBottom{display:flex;align-items:end;justify-content:space-between;gap:12px}.visualBottom span{font-size:12px;font-weight:700;line-height:1.25;max-width:82%}.lessonVisual.large .visualBottom span{font-size:14px}.visualBottom i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#2b302c;flex:none}.lessonVisual.large .visualBottom i{width:48px;height:48px}.theme-1{background:linear-gradient(135deg,#4a3a2b,#9a5c27)}.theme-2{background:linear-gradient(135deg,#2f4248,#537c83)}.theme-3{background:linear-gradient(135deg,#435035,#7f8f4d)}.theme-4{background:linear-gradient(135deg,#5e382e,#a95735)}.theme-5{background:linear-gradient(135deg,#3f3a3b,#796967)}.theme-6{background:linear-gradient(135deg,#4b4a35,#9a8b46)}.theme-7{background:linear-gradient(135deg,#463c30,#8c6748)}.theme-8{background:linear-gradient(135deg,#34464a,#577f84)}.theme-9{background:linear-gradient(135deg,#5e3025,#aa4a28)}.theme-10{background:linear-gradient(135deg,#303839,#596667)}.doneBadge{position:absolute;top:11px;right:11px;background:#2f8b62;color:#fff;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900;display:flex;align-items:center;gap:4px;z-index:4}.modulesList{display:flex;flex-direction:column;gap:15px}.moduleBlock{background:#f4ede2;border:1px solid #cfc2b1;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #372f260b}.moduleHeader{width:100%;border:0;background:#f4ede2;display:grid;grid-template-columns:56px 1fr auto 30px;align-items:center;gap:14px;padding:17px 18px;text-align:left;cursor:pointer}.moduleHeader:hover{background:#eee5d8}.moduleNumber{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;color:#fff}.moduleName small,.moduleName strong,.moduleName span{display:block}.moduleName small{font-size:10px;color:var(--orange2);font-weight:900;letter-spacing:.12em;margin-bottom:4px}.moduleName strong{font-size:16px}.moduleName span{font-size:11px;color:var(--muted);margin-top:3px}.moduleMeta{font-size:11px;color:var(--muted);background:#e9dfd1;border-radius:8px;padding:8px 10px}.moduleMeta b{font-size:12px;color:var(--ink)}.chev{color:#79746d;transition:.2s}.chev.open{transform:rotate(180deg)}.cardsGrid{background:#e7ded1;border-top:1px solid #cfc2b1;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lessonCard{border:1px solid #cbbdac;border-radius:13px;overflow:hidden;background:#f8f3eb;text-align:left;padding:0;color:inherit;cursor:pointer;transition:.18s;box-shadow:0 3px 10px #372f260a}.lessonInfo{padding:14px}.lessonInfo h3{font-size:15px;line-height:1.35;margin:5px 0 6px}.lessonInfo p{font-size:11px;line-height:1.5;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.cardBottom{margin-top:12px;padding-top:10px;border-top:1px solid #ded3c5;display:flex;justify-content:space-between;align-items:center;color:#3a3c39}.cardBottom b{font-size:11px}.cardBottom span{width:28px;height:28px;border-radius:50%;background:#2f3430;color:#fff;display:grid;place-items:center}.midOffer{margin:7px 0;background:linear-gradient(135deg,#252b27,#393e36);border-radius:18px;padding:25px;color:#fff;box-shadow:0 12px 26px #1f221f29}.midOfferIntro h2{font-size:24px;line-height:1.25;margin:5px 0 8px;max-width:840px}.midOfferIntro p{font-size:13px;line-height:1.55;color:#d0d6d1;margin:0;max-width:820px}.midOfferGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.courseOffer{position:relative;background:#f8f3eb;border:1px solid #cabdab;border-radius:14px;padding:17px;display:flex;flex-direction:column;gap:9px;min-height:220px;box-shadow:0 4px 14px #372f260d}.courseOffer.compact{min-height:auto;padding:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:#eee5d8}.midOffer .courseOffer.compact{background:#303731;border-color:#4b534c;color:#fff}.courseOfferIcon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#2b302c;color:#fff}.courseOffer.compact .courseOfferIcon{width:38px;height:38px;border-radius:9px}.courseOffer.electric .courseOfferIcon{background:#9a7421}.courseOffer.water .courseOfferIcon{background:#356d85}.courseOffer.paint .courseOfferIcon{background:#7c4b68}.courseOffer.steel .courseOfferIcon{background:#4f5e62}.courseOffer.roof .courseOfferIcon{background:#6b5a3d}.offerKicker{font-size:9px;color:var(--orange2);font-weight:900;letter-spacing:.1em}.courseOffer h3{font-size:16px;line-height:1.25;margin:2px 0}.courseOffer.compact h3{font-size:12px;margin:0}.courseOffer p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.buyButton,.unlockButton{border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:900}.buyButton{margin-top:auto;width:100%;background:#d76720;color:#fff;border-radius:9px;padding:11px 10px;font-size:12px;box-shadow:0 4px 10px #b74c0d2e}.courseOffer.compact .buyButton{width:auto;margin:0;padding:8px 9px;font-size:10px}.courseOffer.compact .buyButton span{display:none}.buyButton:hover,.unlockButton:hover{filter:brightness(.95)}.toolsSection,.extrasSection{padding-top:34px;border-top:1px solid #c9bcac}.smallCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lockedCard{background:#f5eee4;border:1px solid #cbbdac;border-radius:14px;padding:18px;box-shadow:0 4px 14px #372f260a}.toolCard{display:grid;grid-template-columns:auto 1fr;gap:13px}.toolIcon{width:50px;height:50px;border-radius:12px;background:#2d332f;color:#ff9a4f;display:grid;place-items:center}.locked{display:flex;align-items:center;gap:5px;font-size:9px;color:#8b6d55;font-weight:900;letter-spacing:.07em}.lockedCard h3{font-size:16px;margin:5px 0}.lockedCard p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.unlockButton{margin-top:12px;background:#2d332f;color:#fff;border-radius:8px;padding:9px 10px;font-size:11px;width:max-content}.extrasGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.incomeCard{margin-top:28px;background:linear-gradient(120deg,#202521,#343a33);color:#fff;border-radius:17px;padding:23px;display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;box-shadow:0 10px 24px #00000021}.incomeIcon{width:54px;height:54px;border-radius:12px;background:#d76720;display:grid;place-items:center}.incomeCard h2{font-size:21px;margin:4px 0}.incomeCard p{font-size:12px;color:#d0d5d1;margin:0}.incomeCard>button{border:0;background:#f08a3d;color:#201f1d;border-radius:9px;padding:11px 13px;font-size:11px;font-weight:900;display:flex;align-items:center;gap:7px}.safeNotice{margin-top:16px;background:#f3ecdf;border:1px solid #cdbfae;border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:10px}.safeNotice svg{color:#2d7a58}.safeNotice strong,.safeNotice span{display:block}.safeNotice strong{font-size:13px}.safeNotice span{font-size:11px;color:var(--muted);margin-top:2px}footer{background:#202521;color:#c1c8c2;border-top:1px solid #343a35;padding:23px;display:flex;justify-content:space-between;font-size:11px}footer strong{color:#fff;font-size:12px}.overlay{position:fixed;inset:0;background:#0d0f0ed1;display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(940px,100%);max-height:95vh;overflow:auto;background:#f6f0e7;border-radius:16px;box-shadow:0 22px 55px #00000059}.modalHeader{padding:18px 20px;display:flex;align-items:start;justify-content:space-between;gap:16px}.modalHeader span{font-size:10px;color:var(--orange2);font-weight:900;letter-spacing:.09em}.modalHeader h2{font-size:21px;margin:4px 0 0}.modalHeader>button{width:38px;height:38px;border:1px solid #cbbfaf;border-radius:9px;background:#ede4d8;display:grid;place-items:center;cursor:pointer}.video{aspect-ratio:16/9;background:#111}.video iframe{width:100%;height:100%;border:0;display:block}.modalBottom{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.modalBottom p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.complete{border:0;background:#2d332f;color:#fff;border-radius:9px;padding:11px 13px;font-size:11px;font-weight:900;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.complete.done{background:var(--green)}@media(max-width:1050px){.cardsGrid{grid-template-columns:repeat(2,1fr)}.extrasGrid,.midOfferGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.topbarInner{height:68px;padding:0 14px}.topProgress{display:none}.wrap{padding:22px 14px 52px}.welcomeCard{grid-template-columns:1fr;padding:24px}.welcomeCopy h1{font-size:31px}.welcomeCopy p{font-size:14px}.progressBox,.discoverBar{padding:15px}.discoverIntro{align-items:flex-start}.quickCourses{grid-template-columns:1fr}.sectionHeading h2{font-size:24px}.continueCard{grid-template-columns:1fr}.continueText{padding:19px}.continueText h3{font-size:20px}.moduleHeader{grid-template-columns:50px 1fr 26px;padding:14px}.moduleMeta{display:none}.cardsGrid{grid-template-columns:1fr;padding:11px}.midOffer{padding:18px}.midOfferGrid,.smallCardsGrid,.extrasGrid{grid-template-columns:1fr}.incomeCard{grid-template-columns:auto 1fr}.incomeCard>button{grid-column:1/-1;justify-content:center}.overlay{padding:0}.modal{width:100%;max-height:100vh;border-radius:0}.modalBottom{display:block}.complete{width:100%;justify-content:center;margin-top:12px}footer{display:block}footer span{display:block;margin-top:5px}}