@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:#201b2c;background:#f5f3ed;margin:0;font-family:Manrope,Arial,sans-serif}.wrap{width:min(1160px,100% - 40px);margin:auto}.nav{border-bottom:1px solid #d1cad5;justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-2px;color:inherit;font-size:25px;font-weight:800;text-decoration:none}.brand span{color:#fff;background:#ff715b;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 #201b2c;padding:11px 16px}.hero{padding:94px 0 110px;overflow:hidden}.eyebrow,.kicker{letter-spacing:1.5px;text-transform:uppercase;font:500 12px DM Mono,monospace}.eyebrow span{background:#ff715b;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;display:grid}.hero h1{letter-spacing:-8px;margin:35px 0 48px;font-size:clamp(64px,9vw,128px);line-height:.82}.hero h1 em{color:#8971e5;font-style:normal}.lead{max-width:680px;font-size:20px;line-height:1.6}.actions{align-items:center;gap:24px;margin-top:42px;display:flex}.primary{color:#fff;background:#201b2c;padding:17px 22px;font-size:14px;font-weight:700;text-decoration:none}.actions span{color:#756e7b;font:12px DM Mono}.orbit{border:1px dashed #9c90a7;border-radius:50%;place-items:center;height:370px;animation:5s ease-in-out infinite float;display:grid;position:relative}.orbit:before,.orbit:after{content:"";border:1px solid #d4ccd9;border-radius:50%;position:absolute;inset:45px}.orbit:after{inset:90px}.core{z-index:2;color:#fff;letter-spacing:-6px;background:#201b2c;border-radius:50%;place-items:center;width:145px;height:145px;font-size:55px;font-weight:800;display:grid;position:relative;box-shadow:12px 12px #ff715b}.core span{color:#ff715b}.label{z-index:3;background:#fff;border:1px solid #d1cad5;padding:8px 12px;font:10px DM Mono;position:absolute}.l1{top:25px;right:25px}.l2{top:50%;left:-10px}.l3{bottom:18px;right:42px}@keyframes float{50%{transform:translateY(-8px)}}.ticker{color:#fff;letter-spacing:2px;white-space:nowrap;background:#ff715b;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:60px;display:grid}.kicker{color:#ff715b}.section h2,.skills h2,.bridge h2{letter-spacing:-3px;margin:18px 0 0;font-size:clamp(42px,5vw,70px);line-height:1.05}.section-head p{color:#6e6774;font-size:17px;line-height:1.8}.modules{gap:16px;display:grid}.card{background:#fff;border:1px solid #ded8e1;grid-template-columns:105px 1fr;min-height:260px;transition:all .2s;display:grid}.card:hover{transform:translate(7px);box-shadow:-8px 0 #8971e5}.side{border-right:1px solid #ded8e1;flex-direction:column;justify-content:space-between;padding:25px;display:flex}.side b{color:#8971e5;font:32px DM Mono}.side span{writing-mode:vertical-rl;font:11px DM Mono}.content{grid-template-columns:1fr 1.2fr;align-content:start;column-gap:45px;padding:30px 36px;display:grid}.tag{text-transform:uppercase;border:1px solid #d1cad5;border-radius:20px;grid-column:1/-1;width:max-content;padding:7px 11px;font:11px DM Mono}.card h3{letter-spacing:-1.2px;margin:26px 0 0;font-size:29px}.card p{color:#706978;margin:26px 0;line-height:1.65}.result{border-top:1px solid #e3dee5;grid-column:2;padding-top:14px;font-weight:700}.result small{color:#ff715b;margin-bottom:7px;font:10px DM Mono;display:block}.skills{color:#f5f3ed;background:#201b2c;padding:110px 0}.light{color:#ff715b}.skills-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.skill-list{grid-template-columns:1fr 1fr;display:grid}.skill-list>div{border:1px solid #484050;margin:-1px 0 0 -1px;padding:25px}.skill-list b{color:#8971e5;font:11px DM Mono}.skill-list h3{margin:22px 0 8px;font-size:20px}.skill-list p{color:#b6aebd;font-size:13px;line-height:1.6}.bridge{grid-template-columns:140px 1fr auto;align-items:center;gap:55px;padding:105px 0;display:grid}.badge{color:#fff;background:#8971e5;border-radius:50%;place-items:center;width:130px;height:130px;font:700 25px DM Mono;display:grid;transform:rotate(-6deg)}.bridge p{color:#706978;line-height:1.7}.bridge>a{color:#fff;background:#ff715b;padding:22px 25px;font-weight:700;text-decoration:none}footer{border-top:1px solid #d1cad5;justify-content:space-between;align-items:center;padding:30px 0 50px;display:flex}footer p{color:#756e7b;font:11px DM Mono}@media (width<=760px){.links>a:not(.switch){display:none}.hero{padding:55px 0 75px}.hero-grid,.section-head,.skills-grid{grid-template-columns:1fr;gap:45px}.hero h1{letter-spacing:-5px}.orbit{height:300px}.section{padding:80px 0}.content{grid-template-columns:1fr}.result{grid-column:1}.skills{padding:80px 0}.skill-list{grid-template-columns:1fr}.bridge{grid-template-columns:1fr;align-items:start}.badge{width:100px;height:100px}footer p{display:none}}.module-strip{border:1px solid #ded8e1;grid-template-columns:repeat(4,1fr);display:grid}.module-strip a{color:inherit;background:#fff;border-right:1px solid #ded8e1;padding:26px;text-decoration:none}.module-strip a:last-child{border-right:0}.module-strip a:hover{color:#fff;background:#ff715b}.module-strip b{color:#8971e5;font:12px DM Mono}.module-strip h3{margin:28px 0 8px;font-size:19px}.module-strip p{color:#706978;font-size:13px;line-height:1.5}.module-strip a:hover p,.module-strip a:hover b{color:#fff}.lesson-section{color:#f5f3ed;background:#201b2c;padding:110px 0}.lesson-section .section-head p{color:#b6aebd}.lesson-list{border-top:1px solid #484050}.lesson{border-bottom:1px solid #484050}.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:#8971e5;font:18px DM Mono}.lesson summary small,.lesson-body small{letter-spacing:1.2px;color:#ff715b;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 #484050;padding-top:17px}.lesson-body p,.lesson-body li{color:#d8d1dc;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:#30283d;grid-column:1/-1;border:0!important;padding:20px!important}.check p{color:#ff9a89;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 #ded8e1}.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:#201b2c;background:#f5f3ed;box-shadow:7px 7px #8971e5;border:0!important;padding:24px!important}.example small{color:#d64f3c}.example p,.example li{color:#4a4350}.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:#ff715b;font-size:30px;font-weight:800}@media (width<=760px){.example{box-shadow:5px 5px #8971e5}}.guide{grid-column:1/-1;border:1px solid #5b5263!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:#eee8f0;background:#2e2738;min-height:90px;padding:18px 18px 18px 58px;position:relative}.guide>ol>li:before{content:counter(workstep);color:#fff;background:#ff715b;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:#ff715b;margin-bottom:0;padding:16px;color:#fff!important}.help{background:#8971e5;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}}