.course-page{background:var(--cream)}.course-header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:16px clamp(22px,5vw,78px);display:flex}.course-header>a:last-child{align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.course-hero{border-bottom:2px solid var(--ink);grid-template-columns:1.08fr .92fr;min-height:690px;display:grid;overflow:hidden}.course-hero-copy{flex-direction:column;justify-content:center;padding:80px clamp(28px,7vw,112px);display:flex}.course-hero h1{letter-spacing:-.075em;margin:28px 0 34px;font-size:clamp(67px,8vw,118px);font-weight:950;line-height:.82}.course-hero h1 em{color:var(--pink);font-family:Georgia,serif;font-weight:500}.course-hero-lead{max-width:650px;margin:0;font-size:21px;line-height:1.55}.course-hero-copy>a{border:2px solid var(--ink);background:var(--yellow);width:fit-content;box-shadow:5px 5px 0 var(--ink);border-radius:999px;align-items:center;gap:18px;margin-top:30px;padding:16px 22px;font-weight:950;display:flex}.course-hero-panel{background:var(--violet);border-left:2px solid var(--ink);min-height:690px;position:relative;overflow:hidden}.course-hero-panel:before,.course-hero-panel:after{content:"";border:2px solid var(--ink);border-radius:50%;position:absolute}.course-hero-panel:before{background:var(--blue);width:520px;height:520px;box-shadow:12px 12px 0 var(--ink);top:10%;left:8%}.course-hero-panel:after{background:var(--pink);width:250px;height:250px;bottom:-70px;right:-60px}.course-sticker{z-index:3;border:2px solid var(--ink);background:var(--cream);box-shadow:4px 4px 0 var(--ink);letter-spacing:.12em;text-transform:uppercase;padding:11px 15px;font-size:12px;font-weight:950;position:absolute;top:42px;left:35px;transform:rotate(-3deg)}.course-heart{z-index:1;width:220px;height:220px;color:var(--pink);fill:var(--pink);filter:drop-shadow(7px 8px 0 var(--ink));position:absolute;top:calc(50% - 140px);left:calc(50% - 110px);transform:rotate(-8deg)}.course-fact{z-index:2;border:2px solid var(--ink);background:var(--yellow);min-width:135px;box-shadow:5px 5px 0 var(--ink);place-items:center;padding:19px;display:grid;position:absolute;transform:rotate(4deg)}.course-fact strong{font-size:43px;line-height:.9}.course-fact span{text-transform:uppercase;letter-spacing:.1em;margin-top:7px;font-size:12px;font-weight:950}.course-fact-one{bottom:14%;left:8%}.course-fact-two{background:var(--green);top:17%;right:8%;transform:rotate(-5deg)}.course-fact-three{background:var(--coral);bottom:10%;right:12%;transform:rotate(3deg)}.course-promise{background:var(--pink);border-bottom:2px solid var(--ink);grid-template-columns:.9fr 1.1fr;gap:clamp(48px,8vw,120px);padding:110px clamp(28px,7vw,110px);display:grid}.course-promise h2{letter-spacing:-.065em;margin:26px 0 0;font-size:clamp(54px,6.5vw,90px);line-height:.86}.course-promise h2 em{color:#fff}.course-promise-copy>p{margin:0 0 34px;font-size:20px;line-height:1.58}.course-promise-copy ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.course-promise-copy li{border:2px solid var(--ink);background:#ffffff80;align-items:flex-start;gap:13px;padding:16px;line-height:1.5;display:flex}.course-promise-copy li svg{flex:none;margin-top:1px}.course-roadmap{background:var(--yellow);border-bottom:2px solid var(--ink);padding:80px clamp(28px,7vw,110px)}.course-roadmap>div{border:2px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:30px;display:grid}.course-roadmap>div>span{border-right:2px solid var(--ink);background:var(--cream);grid-template-columns:auto 1fr;align-content:center;gap:7px 14px;min-height:160px;padding:26px;display:grid}.course-roadmap>div>span:last-child{border-right:0}.course-roadmap svg{grid-row:1/3;align-self:center}.course-roadmap strong{font-size:21px}.course-roadmap small{line-height:1.4}.course-learning{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:34px;padding:100px clamp(22px,5vw,78px);display:grid}.course-progress-card{border:2px solid var(--ink);background:var(--ink);color:#fff;box-shadow:7px 7px 0 var(--pink);padding:24px;display:grid;position:sticky;top:24px}.course-progress-card>span{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:950}.course-progress-card>strong{margin:10px 0;font-size:60px;line-height:1}.course-progress-track{background:#4c4657;border:2px solid #fff;height:16px;overflow:hidden}.course-progress-track i{background:var(--green);height:100%;transition:width .25s;display:block}.course-progress-card p{color:#d8d3df;margin:12px 0 22px;font-size:14px}.course-progress-card button{background:var(--yellow);color:var(--ink);font:inherit;cursor:pointer;border:2px solid #fff;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:950;display:flex}.course-progress-card .course-reset{color:#fff;background:0 0;border:0;margin-top:10px;font-size:12px}.course-progress-card>small{color:#aaa4b5;margin-top:18px;font-size:11px;line-height:1.4}.course-modules{gap:22px;min-width:0;display:grid}.course-module{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);scroll-margin-top:20px}.course-module>summary{cursor:pointer;flex-direction:column;justify-content:flex-end;min-height:230px;padding:28px 70px 28px 30px;list-style:none;display:flex;position:relative}.course-module>summary::-webkit-details-marker{display:none}.course-lesson>summary::-webkit-details-marker{display:none}.course-module>summary>div{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:950;display:flex;position:absolute;top:25px;left:30px;right:30px}.course-module h2{letter-spacing:-.055em;max-width:720px;margin:44px 0 10px;font-size:clamp(38px,5vw,64px);line-height:.9}.course-module>summary>p{max-width:620px;margin:0;font-size:17px;line-height:1.45}.course-module-chevron{width:30px;height:30px;transition:transform .2s;position:absolute;bottom:30px;right:28px}.course-module[open]>.course-module-chevron,.course-module[open]>summary>.course-module-chevron{transform:rotate(180deg)}.course-pink{background:var(--pink)}.course-blue{background:var(--blue)}.course-yellow{background:var(--yellow)}.course-green{background:var(--green)}.course-violet{background:#aa92ff}.course-coral{background:var(--coral)}.course-lessons{border-top:2px solid var(--ink);background:var(--cream);gap:12px;padding:18px;display:grid}.course-lesson{border:2px solid var(--ink);background:#fff;scroll-margin-top:20px}.course-lesson>summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:22px;list-style:none;display:grid}.lesson-status{border:2px solid var(--ink);background:var(--cream);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.lesson-status.is-complete{background:var(--green)}.course-lesson small{letter-spacing:.08em;text-transform:uppercase;color:#686170;font-size:11px;font-weight:900}.course-lesson h3{letter-spacing:-.03em;margin:6px 0 8px;font-size:24px}.course-lesson summary p{margin:0;line-height:1.45}.course-lesson>summary>svg{margin-top:8px;transition:transform .2s}.course-lesson[open]>summary>svg{transform:rotate(180deg)}.lesson-content{border-top:2px solid var(--ink);padding:8px 22px 24px 74px}.lesson-content>p{max-width:820px;margin:20px 0;font-size:17px;line-height:1.62}.lesson-attention{border:2px solid var(--ink);background:var(--coral);max-width:820px;margin:24px 0;padding:16px;line-height:1.5}.lesson-practice,.lesson-phrases{border:2px solid var(--ink);background:var(--yellow);max-width:820px;margin-top:22px;padding:20px}.lesson-practice>span,.lesson-phrases>span{text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:12px;font-weight:950;display:block}.lesson-practice p{margin:0;line-height:1.55}.lesson-phrases{background:var(--blue)}.lesson-phrases blockquote{border-left:4px solid var(--ink);background:#ffffffa3;margin:9px 0 0;padding:12px 14px;font-size:16px;font-weight:800;line-height:1.45}.lesson-complete{border:2px solid var(--ink);background:var(--ink);color:#fff;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:13px 17px;font-size:14px;font-weight:950;display:flex}.lesson-complete.is-complete{background:var(--green);color:var(--ink)}.course-quiz{border:2px solid var(--ink);background:var(--violet);color:#fff;box-shadow:8px 8px 0 var(--ink);margin-top:45px;padding:clamp(26px,5vw,58px)}.course-quiz h2{letter-spacing:-.06em;margin:20px 0;font-size:clamp(48px,6vw,78px);line-height:.9}.course-quiz>p:not(.kicker){max-width:700px;font-size:18px;line-height:1.55}.course-quiz form{gap:20px;margin-top:38px;display:grid}.course-quiz fieldset{border:2px solid var(--ink);background:var(--cream);color:var(--ink);gap:9px;margin:0;padding:22px;display:grid}.course-quiz legend{gap:12px;padding:0 8px;font-size:18px;font-weight:950;line-height:1.35;display:flex}.course-quiz legend span{color:var(--violet)}.course-quiz label{cursor:pointer;background:#fff;border:2px solid #0000;align-items:flex-start;gap:10px;padding:12px;line-height:1.4;display:flex}.course-quiz label:has(input:checked){border-color:var(--ink)}.course-quiz input{accent-color:var(--violet);margin-top:3px}.course-quiz .quiz-correct{background:var(--green)}.course-quiz .quiz-wrong{background:#ffc2b7}.course-quiz fieldset>small{padding:7px 12px;font-weight:800}.course-quiz form>button,.course-certificate>button{border:2px solid var(--ink);background:var(--yellow);width:fit-content;color:var(--ink);box-shadow:4px 4px 0 var(--ink);font:inherit;cursor:pointer;align-items:center;gap:9px;padding:15px 19px;font-weight:950;display:flex}.quiz-result{border:2px solid var(--ink);background:var(--green);color:var(--ink);align-items:center;gap:18px;margin-top:28px;padding:22px;display:flex}.quiz-result strong{font-size:27px}.quiz-result p{margin:5px 0 0;line-height:1.45}.course-certificate{text-align:center;border:2px solid var(--ink);background:var(--yellow);box-shadow:8px 8px 0 var(--ink);justify-items:center;gap:18px;padding:55px;display:grid}.course-certificate h2{letter-spacing:-.05em;margin:0;font-size:52px}.course-certificate>p:not(.kicker){max-width:650px;margin:0;line-height:1.5}.course-certificate>label{text-align:left;gap:7px;width:min(100%,560px);font-size:13px;font-weight:900;display:grid}.course-certificate input{border:2px solid var(--ink);font:inherit;background:#fff;padding:14px;font-size:16px}.certificate-sheet{border:5px double var(--ink);background:var(--cream);gap:16px;width:min(100%,760px);padding:48px;display:grid}.certificate-sheet>span{letter-spacing:.18em;font-size:11px;font-weight:950}.certificate-sheet h3{letter-spacing:-.05em;margin:0;font-size:48px}.certificate-sheet p{margin:0}.certificate-sheet strong{border-bottom:2px solid var(--ink);padding-bottom:8px;font-family:Georgia,serif;font-size:29px;font-style:italic}.certificate-sheet small{font-weight:800}.course-sources{border-top:2px solid var(--ink);background:var(--blue);padding:100px clamp(28px,7vw,110px)}.course-sources h2{letter-spacing:-.06em;margin:22px 0 40px;font-size:clamp(48px,6vw,82px)}.course-sources>div{border:2px solid var(--ink);grid-template-columns:repeat(2,1fr);display:grid}.course-sources a{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;align-content:center;gap:8px;min-height:130px;padding:25px;display:grid}.course-sources a:nth-child(2n){border-right:0}.course-sources a:nth-last-child(-n+2){border-bottom:0}.course-sources a span{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:950}.course-sources a strong{font-size:20px}.course-sources>small{max-width:900px;margin-top:26px;line-height:1.5;display:block}.course-footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:30px;padding:40px clamp(24px,6vw,90px);display:flex}.course-footer .logo{color:var(--cream)}.course-footer p{text-align:center;font-weight:800}.course-footer>a:last-child{border-bottom:2px solid var(--pink);font-weight:900}@media (max-width:900px){.course-hero,.course-promise{grid-template-columns:1fr}.course-hero-panel{border-left:0;border-top:2px solid var(--ink);min-height:570px}.course-promise{gap:45px}.course-roadmap>div{grid-template-columns:1fr}.course-roadmap>div>span{border-right:0;border-bottom:2px solid var(--ink)}.course-roadmap>div>span:last-child{border-bottom:0}.course-learning{grid-template-columns:1fr}.course-progress-card{position:relative;top:auto}.course-sources>div{grid-template-columns:1fr}.course-sources a,.course-sources a:nth-child(2n){border-right:0;border-bottom:2px solid var(--ink)}.course-sources a:last-child{border-bottom:0}}@media (max-width:560px){.course-header{min-height:72px}.course-header .logo-type{display:none}.course-hero-copy{padding:65px 22px}.course-hero h1{font-size:61px}.course-hero-lead{font-size:18px}.course-hero-panel{min-height:500px}.course-hero-panel:before{width:350px;height:350px;top:14%;left:4%}.course-heart{width:165px;height:165px;left:calc(50% - 82px)}.course-fact{min-width:105px;padding:14px}.course-fact strong{font-size:34px}.course-fact-three{right:6%}.course-promise,.course-roadmap{padding:70px 22px}.course-promise h2{font-size:52px}.course-learning{padding:70px 14px}.course-module>summary{min-height:245px;padding:28px 55px 25px 22px}.course-module>summary>div{left:22px;right:22px}.course-module h2{font-size:40px}.course-lessons{padding:10px}.course-lesson>summary{grid-template-columns:auto 1fr;gap:12px;padding:17px}.course-lesson>summary>svg{display:none}.course-lesson h3{font-size:21px}.lesson-content{padding:6px 16px 20px}.lesson-content>p{font-size:16px}.course-quiz{padding:30px 16px}.course-quiz h2{font-size:49px}.course-quiz fieldset{padding:17px 12px}.course-quiz legend{font-size:16px}.course-certificate{padding:35px 16px}.course-certificate h2{font-size:42px}.certificate-sheet{padding:29px 16px}.certificate-sheet h3{font-size:38px}.course-sources{padding:75px 20px}.course-footer{text-align:center;flex-direction:column}}@media print{body *{visibility:hidden}.course-certificate,.course-certificate *{visibility:visible}.course-certificate{box-shadow:none;border:0;position:absolute;inset:0}.course-certificate>button,.course-certificate>label,.course-certificate>p,.course-certificate>.kicker,.course-certificate>svg,.course-certificate>h2{display:none}.certificate-sheet{width:100%;max-width:none;margin-top:80px}}
