.intro__section{width:100vw;height:100vh;background:url("/public/media/background/intro_bg.webp");background-position:center;background-size:cover;background-repeat:no-repeat}.intro__section .m_container{padding-top:145px}.intro__section .m_container .into__content{width:100%;height:701px;background:url("/public/media/background/intro_bgMini.webp");background-position:50%;background-repeat:no-repeat;background-size:130%;border-radius:10px;position:relative;overflow:hidden}.intro__section .m_container .into__content .text-block{font-family:var(--font_mass);color:rgba(7,10,12,0);font-size:330px;font-weight:900;text-align:center;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:hsla(0,0%,100%,0.5);animation:fadeInDown;animation-delay:0.6;animation-duration:1s;transition:all 0.5s ease-in-out}.intro__section .m_container .into__content .text-block.active{color:#ffffff}.intro__section .m_container .into__content .person{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.intro__section .m_container .into__content .start_game{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:20px 29px;border:1px solid var(--cl_white);border-radius:10px;background:rgba(21,21,21,0.65);box-shadow:0 0 20px 0 hsla(0,0%,100%,0.4),0 0 40px 0 hsla(0,0%,100%,0.08);font-size:24px;font-weight:700;text-shadow:0 0 60px hsla(0,0%,100%,0.5),0 0 60px var(--cl_white);transition:all 0.3s}.intro__section .m_container .into__content .start_game:hover{box-shadow:0 0 40px 0 hsla(0,0%,100%,0.6),0 0 40px 0 hsla(0,0%,100%,0.18)}.intro__section .m_container .intro__footer{margin-top:36px;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.intro__section .m_container .intro__footer .scrollDown{display:flex;align-items:center;flex-direction:column;gap:10px}.intro__section .m_container .intro__footer .scrollDown span{color:#535456;font-size:12px;font-weight:800}.intro__section .m_container .intro__footer .scrollDown img{animation:moveY 2s ease-in-out infinite}.intro__section .m_container .intro__footer .social__links{position:absolute;right:0;display:flex;align-items:center;gap:16px}.intro__section .m_container .intro__footer .social__links a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:5px;background:#121415;transition:background 0.3 ease}.intro__section .m_container .intro__footer .social__links a:hover{background:rgb(7%,8%,8%,0.7);}.intro__section .m_container .intro__footer .social__links a svg path{transition:fill 0.3s ease}.intro__section .m_container .intro__footer .social__links a:hover svg path{fill:#e4e4e4}.how_to_play{margin-top:50px;margin-bottom:187px}.how_to_play .m_container{display:flex;align-items:center;gap:37px}.how_to_play .m_container .play__content{display:flex;align-items:flex-start;flex-direction:column;grid-gap:20px;width:100%}.how_to_play .m_container .play__content{display:flex;flex-direction:column;gap:21px}.how_to_play .m_container .play__content .top_content{display:flex;gap:21px}.how_to_play .m_container .play__content .top_content .item{width:407px;height:494px;padding:4px 26px 21px 18px;border-radius:10px}.how_to_play .m_container .play__content .top_content .item.step_1{background:radial-gradient(82.15% 100% at 50.11% 0,#51a57b 0,#1f3f2f 100%)}.how_to_play .m_container .play__content .top_content .item.step_2{background:radial-gradient(82.15% 100% at 50.11% 0,#3a89ff 0,#233f9a 100%)}.how_to_play .m_container .play__content .top_content .item .step_number{color:rgba(255,255,255,0.25);font-size:120px;font-weight:800;text-align:end}.how_to_play .m_container .play__content .top_content .item .item_title{margin-top:74px;font-size:36px;font-weight:800}.how_to_play .m_container .play__content .top_content .item .item_desc{margin-top:14px;font-size:20px;font-weight:500}.how_to_play .m_container .play__content .top_content .item .target_button{margin-top:22px;width:100%;height:57px;border-radius:5px;background:var(--cl_white);cursor:not-allowed;color:var(--cl_black);font-size:20px;font-weight:700;transition:opacity 0.3s ease}.how_to_play .m_container .play__content .top_content .item .target_button:hover{opacity:0.7}.how_to_play .m_container .play__content .bottom_content .item{width:835px;height:174px;padding:5px 21px 25px 40px;display:flex;align-items:center;justify-content:space-between;border-radius:10px}.item.spet_3{background:linear-gradient(180deg,#f39a37 0%,#a55223 100%)}.how_to_play .m_container .play__content .bottom_content .item .item_content{display:flex;align-items:center;gap:23px}.how_to_play .m_container .play__content .bottom_content .item .item_content .text_content{display:flex;flex-direction:column}.how_to_play .m_container .play__content .bottom_content .item .item_content .text_content .item_title{font-size:36px;font-weight:800}.how_to_play .m_container .play__content .bottom_content .item .item_content .text_content .item_desc{max-width:422px;font-size:20px;font-weight:500;line-height:normal}.how_to_play .m_container .play__content .bottom_content .item .step_number{color:rgba(255,255,255,0.25);font-size:120px;font-weight:800}.how_to_play .m_container .video__content{display:flex;flex-direction:column;gap:30px}.how_to_play .m_container .video__content .item{position:relative}.how_to_play .m_container .video__content .item.step_video{width:697px;height:400px;border:1px solid var(--cl_white);border-radius:10px;background:#141414}.how_to_play .m_container .video__content .item.step_video .logo{width:72px;height:46px;position:absolute;top:53px;left:50%;transform:translateX(-50%)}.how_to_play .m_container .video__content .item.step_video .item_title{position:absolute;top:163px;left:50%;transform:translate(-50%,-50%)}.how_to_play .m_container .video__content .item.step_video .item_title span{font-size:55px;font-weight:900}.how_to_play .m_container .video__content .item.step_video .item_title .stroke{color:rgba(7,10,12,0);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--cl_white)}.how_to_play .m_container .video__content .item.step_video .item_title .fill{color:var(--cl_white)}.how_to_play .m_container .video__content .item.step_video .treiler_text{position:absolute;left:41px;bottom:40px;display:flex;align-items:center;gap:21px;font-size:36px;font-weight:700}.how_to_play .m_container .video__content .step_about{width:716px;height:259px}.how_to_play .m_container .video__content .step_about .item_title{font-size:30px;font-weight:800}.how_to_play .m_container .video__content .step_about .item_title span{color:#ffa53a}.how_to_play .m_container .video__content .step_about .item_desc{margin-top:19px;font-size:28px;font-weight:600}