section.hero{background:#8ee4af;background:linear-gradient(0deg, #f8fafc 0%, #8ee4af 100%);padding:100px 0;text-align:center}section.hero h1{font-size:4.5rem;line-height:0.8;font-weight:700;color:var(--title)}@media (max-width: 576px){section.hero h1{font-size:4rem;line-height:4rem}}section.hero p.subtitle{font-size:2.3rem;line-height:0.8;font-weight:700;color:var(--title);margin-top:20px}@media (max-width: 576px){section.hero p.subtitle{font-size:2rem;line-height:2.5rem}}section.hero p.subtitle+p{font-size:1.2rem;color:var(--title);max-width:800px;margin:50px auto 0}.roadmaps .roadmap-categories{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;justify-content:flex-start}.roadmaps .roadmap-categories .item{border:1px solid var(--title);background:#fff;width:fit-content;padding:10px 15px;box-sizing:border-box;margin-right:10px;border-radius:5px;text-decoration:none;color:var(--title);font-weight:500;margin-top:10px}.roadmaps .roadmap-categories .item:hover{cursor:pointer;background:transparent}.roadmaps .roadmaps-block,.roadmaps .categories-module{margin-top:50px;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.roadmaps .roadmaps-block .roadmaps-item,.roadmaps .roadmaps-block .item,.roadmaps .categories-module .roadmaps-item,.roadmaps .categories-module .item{border:1px solid var(--maingreen);border-top:4px solid var(--maingreen);width:calc(100% / 4 - 10px);padding:25px;box-sizing:border-box;border-radius:10px;background:#fff;margin-bottom:10px}@media (max-width: 800px){.roadmaps .roadmaps-block .roadmaps-item,.roadmaps .roadmaps-block .item,.roadmaps .categories-module .roadmaps-item,.roadmaps .categories-module .item{width:calc(100% / 3 - 10px)}}@media (max-width: 576px){.roadmaps .roadmaps-block .roadmaps-item,.roadmaps .roadmaps-block .item,.roadmaps .categories-module .roadmaps-item,.roadmaps .categories-module .item{width:calc(100% / 2 - 10px)}}@media (max-width: 480px){.roadmaps .roadmaps-block .roadmaps-item,.roadmaps .roadmaps-block .item,.roadmaps .categories-module .roadmaps-item,.roadmaps .categories-module .item{width:100%}}.roadmaps .roadmaps-block .roadmaps-item a:not(.btn-more),.roadmaps .roadmaps-block .item a:not(.btn-more),.roadmaps .categories-module .roadmaps-item a:not(.btn-more),.roadmaps .categories-module .item a:not(.btn-more){font-size:1.6rem;line-height:2.2rem;color:var(--maingreen);font-weight:700;text-decoration:none;display:block;min-height:70px}@media (max-width: 414px){.roadmaps .roadmaps-block .roadmaps-item a:not(.btn-more),.roadmaps .roadmaps-block .item a:not(.btn-more),.roadmaps .categories-module .roadmaps-item a:not(.btn-more),.roadmaps .categories-module .item a:not(.btn-more){min-height:auto}}.roadmaps .roadmaps-block .roadmaps-item a:not(.btn-more):hover,.roadmaps .roadmaps-block .item a:not(.btn-more):hover,.roadmaps .categories-module .roadmaps-item a:not(.btn-more):hover,.roadmaps .categories-module .item a:not(.btn-more):hover{text-decoration:underline}.roadmaps .roadmaps-block .roadmaps-item p.introtext,.roadmaps .roadmaps-block .item p.introtext,.roadmaps .categories-module .roadmaps-item p.introtext,.roadmaps .categories-module .item p.introtext{margin:20px 0;font-size:0.9rem;min-height:110px}@media (max-width: 414px){.roadmaps .roadmaps-block .roadmaps-item p.introtext,.roadmaps .roadmaps-block .item p.introtext,.roadmaps .categories-module .roadmaps-item p.introtext,.roadmaps .categories-module .item p.introtext{min-height:auto}}.roadmaps .roadmaps-block .roadmaps-item p>span,.roadmaps .roadmaps-block .item p>span,.roadmaps .categories-module .roadmaps-item p>span,.roadmaps .categories-module .item p>span{background:var(--maingreen);color:#fff;width:fit-content;padding:2px 10px;box-sizing:border-box;border-radius:5px;display:block;margin:10px 0 20px;font-size:0.7rem}h2{color:var(--title);font-size:2rem;line-height:2.2rem;font-weight:700;text-align:center;position:relative;margin:80px 0 70px}h2:after{position:absolute;content:'';background:var(--title);width:100px;height:4px;left:calc(100% / 2 - 50px);bottom:-20px}h2+p.subtitle{font-size:1.2rem;color:var(--title);max-width:600px;margin:50px auto;text-align:center}h3{font-size:1.5rem;margin:30px 0 10px;font-weight:700;color:var(--title)}section.content{background:#fff;padding:60px 40px;box-sizing:border-box;border-radius:15px;margin:100px auto 30px;max-width:90%;border:2px solid var(--title);border-top:5px solid var(--title)}@media (max-width: 576px){section.content{padding:30px 20px;max-width:95%}}section.content p{color:var(--text)}section.content ul{columns:2;-webkit-columns:2;-moz-columns:2;list-style-type:none;column-gap:30px}@media (max-width: 576px){section.content ul{columns:1;-webkit-columns:1;-moz-columns:1}}section.content ul li{position:relative;padding-left:10px;margin-bottom:10px;max-width:90%;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}@media (max-width: 576px){section.content ul li{max-width:100%}}section.content ul li:before{content:'';position:absolute;left:-20px;top:3px;background:url("/images/pin.png");width:16px;height:16px}ul.ul-round li{position:relative;padding-left:10px;margin-bottom:10px;list-style-type:none}ul.ul-round li:before{content:'';position:absolute;left:-20px;top:5px;background:url("/images/roundli.png");width:16px;height:16px}section.roadmap-hero{background:#F8FAFC;background:linear-gradient(90deg, #f8fafc 0%, #8ee4af 100%);padding:80px 0}section.roadmap-hero .block{width:70%}@media (max-width: 576px){section.roadmap-hero .block{width:100%}}section.roadmap-hero h1{font-size:3rem;font-weight:700;color:var(--title);margin:20px 0 0}section.roadmap-hero h1+p{font-size:1.2rem;color:var(--title);margin:0 auto 50px}section.roadmap .block-info{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;margin:80px 0}section.roadmap .block-info .item{width:calc(100% / 2 - 20px);padding:50px 30px;box-sizing:border-box;background:#fff;border-radius:10px;margin-bottom:20px;border:1px solid var(--title);border-top:4px solid var(--title)}@media (max-width: 576px){section.roadmap .block-info .item{width:100%}}section.roadmap .block-info .item .content-block{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;align-items:center;margin-bottom:30px}section.roadmap .block-info .item .content-block>p.title{width:calc(100% - 70px);font-size:1.7rem;font-weight:700;color:var(--title);margin-bottom:0}@media (max-width: 414px){section.roadmap .block-info .item .content-block>p.title{width:100%;margin-top:20px}}section.roadmap .readiness-form ul{list-style:none;padding-left:0;display:grid;gap:10px}section.roadmap .readiness-form ul label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}section.roadmap .readiness-form ul label input{margin-top:7px}section.roadmap .readiness-form .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}section.roadmap .readiness-form .btns #check-result{border:0;background:var(--subtitle);color:#fff;padding:10px 15px;box-sizing:border-box;border-radius:10px;transition:.2s linear}section.roadmap .readiness-form .btns #check-result:hover{background:var(--green);color:var(--bg-soft);cursor:pointer}section.roadmap .readiness-form .btns #reset-checklist{border:1px solid var(--subtitle);padding:10px 15px;box-sizing:border-box;border-radius:10px;transition:.2s linear;min-width:150px;background:#fff}section.roadmap .readiness-form .btns #reset-checklist:hover{background:var(--green);cursor:pointer}section.roadmap .readiness-form .readiness-result{margin-top:14px;padding:12px;border:1px solid #ddd;border-radius:10px;display:none}section.roadmap .readiness-form .readiness-result ul{overflow:visible;list-style-type:disc;margin:10px 0 15px;padding-left:30px}section.roadmap .skills{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}section.roadmap .skills>.item{width:calc(100% / 4 - 20px);padding:30px;box-sizing:border-box;background:#fff;border-radius:10px;margin-bottom:20px;border:1px solid var(--title);border-top:4px solid var(--title)}@media (max-width: 800px){section.roadmap .skills>.item{width:calc(100% / 2 - 20px)}}@media (max-width: 576px){section.roadmap .skills>.item{width:100%}}section.roadmap .skills>.item p.subtitle{font-size:1.3rem;font-weight:700;color:var(--title)}section.roadmap .skills-3>.item{width:calc(100% / 3 - 20px)}@media (max-width: 800px){section.roadmap .skills-3>.item{width:calc(100% / 2 - 20px)}}@media (max-width: 576px){section.roadmap .skills-3>.item{width:100%}}section.roadmap .resources{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;margin:30px 0}section.roadmap .resources>.item{width:calc(100% / 3 - 20px);padding:30px;box-sizing:border-box;background:#fff;border-radius:10px;margin-bottom:20px;border:1px solid var(--maingreen);border-top:4px solid var(--maingreen)}@media (max-width: 800px){section.roadmap .resources>.item{width:calc(100% / 2 - 20px)}}@media (max-width: 576px){section.roadmap .resources>.item{width:100%}}section.roadmap .resources>.item p.title{font-size:1.3rem;color:var(--maingreen)}section.roadmap .resources>.item a.btn{border:1px solid var(--maingreen);width:100%;display:block;margin:20px 0 0;background:#fff;padding:10px 0;text-decoration:none;text-align:center;color:var(--bg-soft);transition:.2s linear;border-radius:10px}section.roadmap .resources>.item a.btn:hover{background:var(--green)}section.roadmap .mistakes{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}section.roadmap .mistakes ol.ol-mistakes{width:calc(100% / 2 - 20px);margin:0}@media (max-width: 576px){section.roadmap .mistakes ol.ol-mistakes{width:100%}}section.roadmap .mistakes ol.ol-mistakes li{margin-bottom:20px}section.roadmap .mistakes ol.ol-mistakes li strong{color:var(--maingreen);font-size:1.2rem}section.roadmap .markmap{width:100%;height:70vh;min-height:500px;max-height:800px;background:#fff;display:block;border:1px solid #e5e7eb;margin:30px auto}@media (max-width: 576px){section.roadmap .markmap{width:100%;height:50vh;min-height:80vh;max-height:100vh}}section.roadmap details{background:var(--green);padding:20px 30px;box-sizing:border-box;margin:20px 0;border-radius:10px;font-style:italic;color:var(--bg-soft);width:60%;margin:20px auto}@media (max-width: 800px){section.roadmap details{width:80%}}@media (max-width: 480px){section.roadmap details{width:100%}}section.roadmap details summary:first-child{font-size:1.2rem;font-style:normal;font-weight:600}section.roadmap details p{margin-top:20px}section.roadmap details.white{background:#fff;padding:20px;box-sizing:border-box;margin:20px 0;border-radius:10px;font-style:normal;color:var(--bg-soft);width:100%}section.roadmap .become{background:var(--subtitle);padding:40px;box-sizing:border-box;border-radius:10px;color:#fff;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;margin:80px 0}@media (max-width: 800px){section.roadmap .become{padding:40px 25px}}section.roadmap .become>.item{width:calc(100% / 2 - 20px)}@media (max-width: 800px){section.roadmap .become>.item{width:100%}}section.roadmap .become>.item h3{font-size:1.5rem;margin:0 0 30px;font-weight:700;color:#fff}.block-practice{background:var(--title);padding:50px 70px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;align-items:center;border-radius:10px;margin:40px 0}@media (max-width: 800px){.block-practice{padding:40px}}@media (max-width: 480px){.block-practice{padding:40px 20px}}.block-practice>.text{width:calc(100% - 300px)}@media (max-width: 800px){.block-practice>.text{width:100%}}.block-practice>.text p{color:#fff;font-size:1rem;line-height:1.8rem}.block-practice>.text p.title{font-size:1.8rem;line-height:2.5rem;font-weight:700}.block-practice>.text p.title svg{vertical-align:top;margin-right:10px;width:40px;height:40px}@media (max-width: 480px){.block-practice>.text p.title svg{display:block;margin:0 0 10px}}.block-practice .btn-block a{display:block;padding:15px;box-sizing:border-box;border-radius:10px;transition:.2s linear;width:200px;background:#fff;text-decoration:none;transition:.2s linear;text-align:center;color:var(--title);font-size:1.1rem}.block-practice .btn-block a:hover{background:#ebeaea}