*{margin:0;padding:0;box-sizing:border-box;font-family:Fira Code,monospace;scroll-behavior:smooth}body,html{width:100%;height:100%;background-color:#e2edff}.no_scroll{overflow:hidden}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#4d4dff;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:999999;font-family:sans-serif;font-size:19px;gap:15px}.spinner{border:4px solid rgba(255,255,255,.1);border-left-color:#fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{width:auto;height:auto}.logoContain h1{display:none}.mobileNav{position:relative;width:100vw;height:100vh;z-index:1000;position:fixed;top:0;right:-100%;background-color:#e2edff;display:flex;justify-content:center;align-items:center}#closeMenu{position:absolute;top:15px;right:14px;font-size:30px;cursor:pointer;z-index:99999;display:none}#openMenu{position:absolute;top:15px;right:14px;font-size:28px;cursor:pointer;z-index:99999;display:none}.logoContain h1{position:absolute;top:15px;left:14px;font-weight:400;font-size:16px}.mobileNav .links{display:flex;justify-content:center;flex-direction:column}.mobileNav .links a{position:relative;font-size:40px}.mobileNav .links a:last-child{background-color:#4d4dff29;padding:4px 10px;border-radius:10px}.section1{z-index:2;position:relative;width:100%;height:100vh}.webgl_canvas1{position:fixed;top:0;left:0;z-index:-1}nav{background:#e2edff7e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;left:0;width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;padding:40px 60px;z-index:998}h2{font-weight:400;font-size:1.5vw}.links{display:flex;justify-content:center;align-items:center;gap:50px}.links a{color:#000;font-weight:500;text-decoration:none;cursor:pointer;font-size:1.1rem}.hero_container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding-bottom:40px}.hero_content{width:100%;height:calc(90vh - 70px);display:flex;justify-content:flex-end;align-items:center;flex-direction:column;gap:3rem}.hero_content h1{font-size:5.5vw;text-align:center;cursor:default}.hero_content h3{font-weight:500;text-align:center}.btn_container{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.btn_container button{padding:10px 45px;background-color:#4d4dff;color:#f5f5f5;border:none;cursor:pointer;box-shadow:0 0 30px 8px #5f5fff97;border-radius:6px}.hero_content span{color:#4d4dff}.section2{width:100%;height:auto;position:relative;cursor:default;padding-bottom:40px}.webgl_canvas2{position:absolute;top:0;left:0}.roadmapContainer{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.eachContent{padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:4rem}.topPart{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem}.twoPartContainer{max-width:500px}.twoPartContainer p{width:70%;font-size:14px}.title{font-size:1.6vw;font-weight:500}.level{font-weight:400;padding:.5rem;background-color:#4d7fff1e;border-radius:5px;font-size:.9vw}.img_container img{width:70px}.section2 h2{font-size:2vw;font-weight:600;color:#000000b3;text-align:center;padding:30px 0}.intermediate{background-color:#d2d21644}.advanced{background-color:#ff000037}.section3{width:100%;height:auto;padding-bottom:80px}.section3>h2{font-size:2vw;font-weight:600;color:#000000b3;text-align:center;padding:30px 0}.outerResourceContainer{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.innerResourceContainer{width:70%;height:auto;display:flex;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap}.eachResource{z-index:2;background-color:#eaeaf7;padding:.8vw;width:320px;height:auto;border:2px solid #4d85ff34;border-radius:10px;display:flex;justify-content:flex-start;flex-direction:column;align-items:start;gap:6px;box-shadow:0 4px 20px 2px #4d4dff22}.eachResource .from{font-weight:500;font-size:.8vw;background-color:#c7c7c757;padding:5px;border-radius:5px}.eachResource .resourceTitle{font-weight:600;font-size:1.3vw}.eachResource .about{font-size:.9vw;color:#171717b0}.eachResource .resourceBtnContainer{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.resourceBtnContainer a{margin-top:10px;background-color:#4d4dff;width:100%;text-align:center;padding:8px;color:#f5f5f5;border-radius:10px;text-decoration:none}.from_level{display:flex;justify-content:space-between;width:100%}.from_level .resourceLevel{font-weight:400;font-size:13px}footer{border-top:1px solid rgba(0,0,0,.25);width:100%;height:auto;padding:20px 30px;position:relative;z-index:999999}footer h3{text-align:center;font-size:1vw;font-weight:400}footer a{font-weight:600;color:#000}footer p{text-align:center;font-size:1vw}@media only screen and (max-width:1024px){nav{height:40px}nav h2{font-size:2.3vw}.links a{font-size:1.9vw}.section1 h1{font-size:6.3vw}.hero_content{height:100vh}.section1{height:100dvh}.roadmapContainer{z-index:0;position:relative}.section2 h2{font-size:3vw}.roadmapContainer .title{font-size:2.6vw}.roadmapContainer p{font-size:1.4vw}.twoPartContainer{max-width:444px}.roadmapContainer img{width:45px}.roadmapContainer .level{font-size:1.3vw}.section3 h2{font-size:3vw}.innerResourceContainer{width:100%;height:auto;padding:10px}.eachResource{padding:10px}.eachResource .from{font-size:1.5vw;font-weight:500}.eachResource .resourceTitle{font-size:2vw}.eachResource .about{font-size:1.5vw}footer h3{font-size:1.7vw}footer p{font-size:1.6vw}}@media only screen and (max-width:600px){#closeMenu{position:absolute;top:15px;right:14px;font-size:24px;cursor:pointer;z-index:99999}#openMenu{position:absolute;top:15px;right:14px;font-size:24px;cursor:pointer;z-index:99999;display:flex}.logoContain h1{position:absolute;top:15px;left:14px;font-weight:400;font-size:16px;display:flex}nav{height:auto;padding:20px 14px;display:none}.section1{height:100dvh}.hero_container{height:50dvh}.hero_content{height:80vh}.hero_content h1{font-size:28px}.hero_content h3{font-weight:400;font-size:14px}.hero_container{gap:1rem}.hero_content button{margin-top:20px}.section2 h2{font-size:20px;padding:20px 14px}.eachContent{gap:2.2rem}.eachContent .title{font-size:16px}.eachContent p{font-size:12.5px;width:auto}.eachContent .level{font-size:10px}.eachContent img{width:38px}.section3{padding-top:60px}.section3 h2{font-size:20px}.eachResource .from{font-size:12px}.eachResource .resourceLevel{font-size:11px}.eachResource .resourceTitle{font-size:16px}.eachResource .about{font-size:12px}.eachResource .from_level{padding-bottom:6px}footer{margin-top:100px}footer h3{font-size:14px}footer p{font-size:12px}}