@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17251c;background:#f5f3ed;margin:0;font-family:Manrope,Arial,sans-serif}.wrap{width:min(1160px,100% - 40px);margin:auto}.nav{border-bottom:1px solid #cad0c5;justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-2px;color:#17251c;font-size:25px;font-weight:800;text-decoration:none}.brand span{background:#d9ff43;margin-right:2px;padding:5px 7px}.links{align-items:center;gap:34px;display:flex}.links a,footer a{color:inherit;font-size:13px;font-weight:700;text-decoration:none}.switch{border:1px solid #17251c;padding:11px 16px}.hero{padding:94px 0 110px}.eyebrow,.kicker{letter-spacing:1.5px;text-transform:uppercase;font:500 12px DM Mono,monospace}.eyebrow span{background:#6c8cff;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:90px;display:grid}.hero h1{letter-spacing:-8px;margin:35px 0 48px;font-size:clamp(64px,9vw,128px);line-height:.82}.hero h1 em{color:#6c8cff;font-style:normal}.lead{max-width:650px;font-size:20px;line-height:1.6}.actions{align-items:center;gap:24px;margin-top:42px;display:flex}.primary{color:#fff;background:#17251c;padding:17px 22px;font-size:14px;font-weight:700;text-decoration:none}.actions span{color:#617064;font:12px DM Mono}.console{color:#ebf2ea;background:#17251c;padding:25px 28px 34px;font:13px/2 DM Mono;transform:rotate(1deg);box-shadow:13px 13px #d9ff43}.console .dots{color:#6c8cff;letter-spacing:5px;border-bottom:1px solid #405045;padding-bottom:10px}.console b{color:#aebbad}.console i{color:#d9ff43;font-style:normal}.cursor{color:#fff;margin-top:20px}.ticker{letter-spacing:2px;white-space:nowrap;background:#d9ff43;padding:15px 0;font:500 13px DM Mono;overflow:hidden}.ticker div{width:max-content}.section{padding:120px 0}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:62px;display:grid}.kicker{color:#6c8cff}.section h2,.road h2,.next h2{letter-spacing:-3px;margin:18px 0 0;font-size:clamp(42px,5vw,70px);line-height:1.05}.section-head p{color:#5a675d;font-size:17px;line-height:1.8}.modules{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #d8ddd5;min-height:370px;padding:30px;transition:all .2s;position:relative}.card:hover{transform:translateY(-5px);box-shadow:0 12px #17251c}.card-top{justify-content:space-between;display:flex}.num{color:#6c8cff;font:32px DM Mono}.tag,.hours{text-transform:uppercase;border:1px solid #ccd3c9;border-radius:20px;height:max-content;padding:7px 11px;font:11px DM Mono}.card h3{letter-spacing:-1.2px;margin:35px 0 13px;font-size:28px}.card p{color:#667169;line-height:1.65}.card ul{margin:24px 0 50px;padding:0;list-style:none}.card li{border-top:1px solid #e5e8e3;padding:9px 0;font-size:13px}.card li:before{content:"↳";color:#6c8cff;margin-right:9px}.hours{background:#d9ff43;border:0;position:absolute;bottom:27px;left:30px}.road{color:#f5f3ed;background:#17251c;padding:110px 0}.light{color:#d9ff43}.road-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.road ol{margin:0;padding:0;list-style:none}.road li{border-bottom:1px solid #405045;grid-template-columns:45px 1fr auto;align-items:center;padding:21px 0;display:grid}.road li b{color:#6c8cff;font:12px DM Mono}.road li span{font-size:17px;font-weight:700}.road li small{color:#9aab9f;font:11px DM Mono}.next{justify-content:space-between;align-items:flex-end;gap:60px;padding:110px 0;display:flex}.next p{color:#667169;max-width:700px;line-height:1.7}.next>a{color:#fff;background:#6c8cff;flex:none;padding:25px 28px;font-weight:700;text-decoration:none}.next>a b{margin-left:40px}footer{border-top:1px solid #cad0c5;justify-content:space-between;align-items:center;padding:30px 0 50px;display:flex}footer p{color:#6a766c;font:11px DM Mono}@media (width<=760px){.links>a:not(.switch){display:none}.hero{padding:55px 0 75px}.hero-grid,.section-head,.road-grid{grid-template-columns:1fr;gap:45px}.hero h1{letter-spacing:-5px}.console{margin-right:12px}.modules{grid-template-columns:1fr}.section,.road{padding:80px 0}.next{flex-direction:column;align-items:stretch}.next>a{text-align:center}footer p{display:none}}.module-strip{border:1px solid #d8ddd5;grid-template-columns:repeat(4,1fr);display:grid}.module-strip a{color:inherit;background:#fff;border-right:1px solid #d8ddd5;padding:26px;text-decoration:none}.module-strip a:last-child{border-right:0}.module-strip a:hover{background:#d9ff43}.module-strip b{color:#6c8cff;font:12px DM Mono}.module-strip h3{margin:28px 0 8px;font-size:20px}.module-strip p{color:#667169;font-size:13px;line-height:1.5}.lesson-section{color:#f5f3ed;background:#17251c;padding:110px 0}.lesson-section .section-head p{color:#aebbad}.lesson-list{border-top:1px solid #405045}.lesson{border-bottom:1px solid #405045}.lesson summary{cursor:pointer;grid-template-columns:70px 1fr 50px;align-items:center;padding:25px 0;list-style:none;display:grid}.lesson summary::-webkit-details-marker{display:none}.lesson-id{color:#6c8cff;font:18px DM Mono}.lesson summary small,.lesson-body small{letter-spacing:1.2px;color:#d9ff43;font:10px DM Mono}.lesson summary h3{margin:6px 0 0;font-size:25px}.plus{text-align:center;font:30px DM Mono;transition:all .2s}.lesson[open] .plus{transform:rotate(45deg)}.lesson-body{grid-template-columns:1fr 1fr;gap:18px 45px;padding:0 0 38px 70px;display:grid}.lesson-body>div{border-top:1px solid #405045;padding-top:17px}.lesson-body p,.lesson-body li{color:#d5ddd3;font-size:15px;line-height:1.7}.goal{grid-column:1/-1}.goal p{color:#fff;font-size:19px;font-weight:700}.tasks ol{padding-left:20px}.tasks li{margin-bottom:8px}.check{background:#25372b;grid-column:1/-1;border:0!important;padding:20px!important}.check p{color:#d9ff43;margin-bottom:0;font-weight:700}@media (width<=760px){.module-strip{grid-template-columns:1fr 1fr}.module-strip a:nth-child(2){border-right:0}.module-strip a{border-bottom:1px solid #d8ddd5}.lesson-section{padding:80px 0}.lesson summary{grid-template-columns:45px 1fr 35px}.lesson-body{grid-template-columns:1fr;padding-left:45px}.goal,.check{grid-column:1}}.example{color:#17251c;background:#f5f3ed;box-shadow:7px 7px #6c8cff;border:0!important;padding:24px!important}.example small{color:#4c68d0}.example p,.example li{color:#344239}.example h4{margin:20px 0 8px;font-size:13px}.example ol{margin-bottom:0;padding-left:20px}.example li{margin-bottom:6px}.knowledge p{margin:10px 0 18px}.knowledge p:first-of-type:first-letter{color:#d9ff43;font-size:30px;font-weight:800}@media (width<=760px){.example{box-shadow:5px 5px #6c8cff}}.guide{grid-column:1/-1;border:1px solid #526259!important;padding:28px!important}.guide>ol{counter-reset:workstep;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.guide>ol>li{counter-increment:workstep;color:#e8eee6;background:#213229;min-height:90px;padding:18px 18px 18px 58px;position:relative}.guide>ol>li:before{content:counter(workstep);color:#17251c;background:#d9ff43;border-radius:50%;place-items:center;width:27px;height:27px;font:700 12px DM Mono;display:grid;position:absolute;top:16px;left:17px}.prepare{color:#fff!important}.result{background:#d9ff43;margin-bottom:0;padding:16px;color:#17251c!important}.help{background:#6c8cff;border:0;grid-column:1/-1;padding:22px 25px}.help small{color:#fff}.help ul{margin:14px 0 0;padding-left:20px}.help li{color:#fff;margin:7px 0}.help li::marker{content:"→  "}@media (width<=760px){.guide>ol{grid-template-columns:1fr}.guide{padding:20px!important}}.rules{color:#17251c;background:#fff;grid-column:1/-1;border:0!important;padding:28px!important}.rules>small{color:#4c68d0}.rules-intro{max-width:760px;color:#536158!important}.rules-grid{background:#d8ddd5;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0;display:grid}.rules article{background:#f8f7f2;grid-template-columns:42px 1fr;gap:14px;padding:20px;display:grid}.rules article>b{color:#6c8cff;font:700 16px DM Mono}.rules h4{margin:0 0 7px;font-size:16px}.rules article p{margin:0;color:#536158!important;font-size:13px!important}.rules-task{background:#d9ff43;padding:18px;line-height:1.6}.rules-task b{margin-bottom:5px;display:block}@media (width<=760px){.rules-grid{grid-template-columns:1fr}.rules{padding:20px!important}}
