*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}body{font-family:Bebas_Neue_Pro,sans-serif;-ms-overflow-style:none}.hover-darken,#registerModal .register-form__btn-submit,#loginModal .login-form__btn-submit,.footer__social-item,.info__btn,.base-modal__close{transition:filter .02s ease-in-out}.hover-darken:hover,#registerModal .register-form__btn-submit:hover,#loginModal .login-form__btn-submit:hover,.footer__social-item:hover,.info__btn:hover,.base-modal__close:hover{filter:brightness(.8);cursor:pointer}button{border:none;outline:none;box-shadow:none;background:inherit;cursor:pointer}button:hover,button:focus{outline:none;box-shadow:none}@keyframes glow-pulse{0%{filter:brightness(1) drop-shadow(0 0 0px rgba(255,204,0,0))}50%{filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,204,0,.8))}to{filter:brightness(1) drop-shadow(0 0 0px rgba(255,204,0,0))}}.btn-highlight-pulse,.milestone__btn-claim,.btn-checkin,.spin-section .spin-body .spin-actions .spin-btn-center,.banner__btn-register{animation:glow-pulse 2s infinite ease-in-out;transition:all .3s ease}.btn-highlight-pulse:hover,.milestone__btn-claim:hover,.btn-checkin:hover,.spin-section .spin-body .spin-actions .spin-btn-center:hover,.banner__btn-register:hover{filter:brightness(1.4) drop-shadow(0 0 15px rgb(255,204,0))!important;cursor:pointer}@font-face{font-family:UTM_KHUCCAMTA;src:url(/assets/client/fonts/UTM_KHUCCAMTA.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat-Regular;src:url(/assets/client/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat-Bold;src:url(/assets/client/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat-ExtraBold;src:url(/assets/client/fonts/Montserrat-ExtraBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:HUONG-QUE;src:url(/assets/client/fonts/UNICODE.DISPLAY.UVNHUONGQUE_N.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:LAC-LONG-QUAN;src:url(/assets/client/fonts/UNICODE.DISPLAY.UVNLACLONGQUAN.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:BE-VIETNAM-REGULAR;src:url(/assets/client/fonts/BeVietnam-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:RAVEN;src:url(/assets/client/fonts/UTM_RAVEN.TTF) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:HAI-BA-TRUNG;src:url(/assets/client/fonts/UNICODE.DISPLAY.UVNHAIBATRUNG.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SVN-AVO;src:url(/assets/client/fonts/SVN-AVO.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SVN-AVO-BOLD;src:url(/assets/client/fonts/SVN-AVO-BOLD.TTF) format("truetype");font-weight:700;font-style:bold}@font-face{font-family:UTM_MABELLA;src:url(/assets/client/fonts/UTM_MABELLA.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:UTM_SWISS;src:url(/assets/client/fonts/UTM_SWISS.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Bebas_Neue_Pro;src:url(https://jx1.mobi/build/assets/client/fonts/FONTSbebas/Bebas_Neue_Pro_Thin.otf) format("opentype");font-weight:100;font-style:normal}@font-face{font-family:Bebas_Neue_Pro;src:url(https://jx1.mobi/build/assets/client/fonts/FONTSbebas/Bebas_Neue_Pro_Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Bebas_Neue_Pro;src:url(https://jx1.mobi/build/assets/client/fonts/FONTSbebas/Bebas_Neue_Pro_Book.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Bebas_Neue_Pro;src:url(https://jx1.mobi/build/assets/client/fonts/FONTSbebas/Bebas_Neue_Pro_Regular.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Bebas_Neue_Pro;src:url(https://jx1.mobi/build/assets/client/fonts/FONTSbebas/Bebas_Neue_Pro_Bold.otf) format("opentype");font-weight:700;font-style:normal}:root{--desktop-vw: 1vw;--mobile-vw: calc(100vw / 393);--mobile-scale: calc(393 / 1920)}.main-layout{position:relative;z-index:1;width:100%;background-attachment:scroll;backface-visibility:hidden;transform:translateZ(0);will-change:transform;contain:layout style paint;height:calc(4597 / 1920 * 100vw)}@media screen and (max-width: 768px){.main-layout{height:calc(1904 / 393 * 100vw)}}.main-layout__wrapper{position:relative;z-index:3;width:100%;height:auto}.main-layout:before{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;height:100%;width:100%;background-attachment:scroll;content:"";background-image:url(https://jx1.mobi/build/media/landing/bg_layout.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.main-layout:before{background-image:url(https://jx1.mobi/build/media/landing/bg_layout_mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top}}.check-in-effect{width:calc(1006 / 1920 * 100vw);height:calc(917 / 1920 * 100vw);position:absolute;background-image:url(https://jx1.mobi/build/media/landing/effect-check-in.gif);background-size:cover;background-repeat:no-repeat;background-position:center top;mix-blend-mode:screen;pointer-events:none;top:calc(2495 / 1920 * 100vw);left:calc(1006 / 1920 * 100vw);z-index:3}@media screen and (max-width: 768px){.check-in-effect{display:none}}.effect-1{position:absolute;pointer-events:none;mix-blend-mode:screen;left:calc(310 / 1920 * 100vw);top:calc(1000 / 1920 * 100vw);width:calc(572 / 1920 * 100vw);height:calc(464 / 1920 * 100vw);z-index:3;background-image:url(https://jx1.mobi/build/media/landing/effect_light.gif);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.effect-1{width:calc(167 / 393 * 100vw);height:calc(136 / 393 * 100vw);top:calc(350 / 393 * 100vw);left:0vw}}.effect-spin-1{position:absolute;pointer-events:none;mix-blend-mode:screen;left:calc(490 / 1920 * 100vw);top:85.9375vw;width:calc(572 / 1920 * 100vw);height:calc(464 / 1920 * 100vw);z-index:3;background-image:url(https://jx1.mobi/build/media/landing/effect_light_spin.gif);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.effect-spin-1{width:calc(465 / 393 * 100vw);height:calc(264 / 393 * 100vw);top:calc(607 / 393 * 100vw);left:50%;transform:translate(-50%)}}.effect-spin-2{position:absolute;pointer-events:none;mix-blend-mode:screen;left:calc(10 / 1920 * 100vw);top:calc(1450 / 1920 * 100vw);width:79.84375vw;height:calc(868 / 1920 * 100vw);z-index:3;transform:rotate(180deg);background-image:url(https://jx1.mobi/build/media/landing/effect_light_spin.gif);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.effect-spin-2{width:calc(870 / 393 * 100vw);height:calc(493 / 393 * 100vw);top:calc(493 / 393 * 100vw);left:50%;transform:translate(-50%) rotate(180deg)}}.base-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.base-modal__container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;animation:popupFadeIn .3s ease-out;border:calc(200 / 1920 * 100vw) solid transparent;border-image:url(https://jx1.mobi/build/media/landing/bg_modal_base.png) 200 fill stretch}.base-modal__container[style*=--raw-width]{width:calc(var(--raw-width) * 100vw / 1920)}.base-modal__container[style*=--raw-height]{height:calc(var(--raw-height) * 100vw / 1920)}@media screen and (max-width: 768px){.base-modal__container{border:calc(50 / 393 * 100vw) solid transparent;border-image:url(https://jx1.mobi/build/media/landing/bg_modal_base_mb.png) 50 fill stretch}.base-modal__container[style*=--raw-width-mobile]{width:calc(var(--raw-width-mobile) * 100vw / 393)}.base-modal__container[style*=--raw-height-mobile]{height:calc(var(--raw-height-mobile) * 100vw / 393)}}.base-modal__content{position:absolute;z-index:10;inset:calc(-1 * calc(200 / 1920 * 100vw))}@media screen and (max-width: 768px){.base-modal__content{inset:calc(-1 * calc(50 / 393 * 100vw))}}.base-modal__title{pointer-events:none;position:absolute;left:50%;z-index:20;display:flex;width:auto;transform:translate(-50%);top:calc(-1 * calc(200 / 1920 * 100vw) + calc(65 / 1920 * 100vw))}@media screen and (max-width: 768px){.base-modal__title{top:calc(-1 * calc(50 / 393 * 100vw) + 0vw);width:calc(60 / 393 * 100vw)}}.base-modal__title__text{white-space:nowrap;text-align:center;font-size:1.875vw;font-weight:700;text-transform:uppercase;color:#fff}@media screen and (max-width: 768px){.base-modal__title__text{white-space:wrap;font-size:calc(16 / 393 * 100vw)}}.base-modal__close{position:absolute;z-index:20;height:calc(104 / 1920 * 100vw);width:calc(104 / 1920 * 100vw);transition:transform .2s;top:calc(-1 * calc(200 / 1920 * 100vw));right:calc(-1 * calc(200 / 1920 * 100vw));background-image:url(https://jx1.mobi/build/media/landing/btn_close.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.base-modal__close{height:calc(30 / 393 * 100vw);width:calc(30 / 393 * 100vw);top:calc(-1 * calc(50 / 393 * 100vw));right:calc(-1 * calc(50 / 393 * 100vw))}}.base-modal__close:hover{transform:scale(1.1)}.base-modal__close img{height:100%;width:100%;object-fit:cover}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.banner{width:100%;height:57.1875vw;position:relative}@media screen and (max-width: 768px){.banner{height:calc(388 / 393 * 100vw)}}.banner__logo{background-image:url(https://jx1.mobi/build/media/landing/banner_logo.png);background-size:cover;background-repeat:no-repeat;background-position:center top;position:absolute;top:1.09375vw;left:50%;width:calc(196 / 1920 * 100vw);height:calc(181 / 1920 * 100vw);z-index:5}@media screen and (max-width: 768px){.banner__logo{background-image:url(https://jx1.mobi/build/media/landing/banner_logo_mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top;width:calc(58 / 393 * 100vw);height:calc(53 / 393 * 100vw);top:calc(5 / 393 * 100vw);left:calc(5 / 393 * 100vw)}}.banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;background-image:url(https://jx1.mobi/build/media/landing/banner.webp);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.banner__overlay{height:calc(363 / 393 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/banner_mb.webp);background-size:cover;background-repeat:no-repeat;background-position:center top}}.banner__btn-register{position:absolute;top:47.34375vw;left:50%;transform:translate(-50%);width:24.6875vw;height:calc(136 / 1920 * 100vw);z-index:5}@media screen and (max-width: 768px){.banner__btn-register{width:calc(233 / 393 * 100vw);height:calc(66 / 393 * 100vw);top:calc(322 / 393 * 100vw)}}.banner__btn-register img{width:100%;height:100%;object-fit:cover}.navbar{position:absolute;top:0;z-index:200;display:flex;justify-content:end;align-items:center;height:calc(80 / 1920 * 100vw);width:100%;background:linear-gradient(to bottom,rgba(25,0,0,.8) 0%,rgba(25,0,0,.6) 60%,transparent 100%)}@media screen and (max-width: 768px){.navbar{height:calc(50 / 393 * 100vw);justify-content:flex-end;align-items:center;background:linear-gradient(to bottom,rgb(78,0,0),rgba(226,0,0,.4),transparent 100%)}}.navbar__hamburger{display:none}@media screen and (max-width: 768px){.navbar__hamburger{display:flex;position:absolute;top:calc(5 / 393 * 100vw);right:calc(5 / 393 * 100vw);background:none;border:none;cursor:pointer;padding:calc(8 / 393 * 100vw);z-index:15;flex-direction:column;gap:calc(3 / 393 * 100vw)}}.navbar__hamburger span{display:block;width:calc(37 / 393 * 100vw);height:calc(7 / 393 * 100vw);background:linear-gradient(to right,#ffc548,#fff);border-radius:calc(3 / 393 * 100vw);transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar__content{display:flex;justify-content:flex-end;align-items:center;height:calc(32 / 1920 * 100vw);padding-right:calc(40 / 1920 * 100vw)}@media screen and (max-width: 768px){.navbar__content{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#3c0000fa,#140000fc);-webkit-backdrop-filter:blur(calc(15 / 393 * 100vw));backdrop-filter:blur(calc(15 / 393 * 100vw));gap:calc(15 / 393 * 100vw);padding:0;z-index:10}.navbar__content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/media/landing/vignette.png) no-repeat center center;background-size:cover;opacity:.4;pointer-events:none}}.navbar.open .navbar__hamburger span:nth-child(1){transform:translateY(calc(10 / 393 * 100vw)) rotate(45deg)}.navbar.open .navbar__hamburger span:nth-child(2){opacity:0;transform:translate(calc(10 / 393 * 100vw))}.navbar.open .navbar__hamburger span:nth-child(3){transform:translateY(calc(-10 / 393 * 100vw)) rotate(-45deg)}@media screen and (max-width: 768px){.navbar.open .navbar__content{display:flex}}@media screen and (max-width: 768px){.navbar.open .navbar__item,.navbar.open .navbar__dropdown{animation:fadeInUp .5s ease forwards;animation-delay:calc(var(--item-index) * .1s);opacity:0}}.navbar__item{color:#fff;font-size:1.875vw;font-weight:500;text-decoration:none;display:flex;align-items:center;line-height:calc(28 / 1920 * 100vw);transition:all .3s ease}@media screen and (max-width: 768px){.navbar__item{font-size:calc(32 / 393 * 100vw);line-height:calc(44 / 393 * 100vw);width:80%;justify-content:center;text-align:center;letter-spacing:calc(1 / 393 * 100vw);text-transform:uppercase;position:relative;padding:calc(10 / 393 * 100vw) 0}.navbar__item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:calc(2 / 393 * 100vw);background:linear-gradient(90deg,transparent,#FFC548,transparent);transition:width .3s ease;transform:translate(-50%)}.navbar__item:active{color:#ffc548;scale:.95}.navbar__item:active:after{width:60%}}@media (min-width: 769px){.navbar__item:not(:last-child):after{content:"";display:inline-block;width:calc(2 / 1920 * 100vw);height:calc(28 / 1920 * 100vw);background-color:#fff;margin-left:calc(20 / 1920 * 100vw);margin-right:calc(20 / 1920 * 100vw)}}@media screen and (max-width: 768px){.navbar__item:not(:last-child):after{display:none}}.navbar__item:hover{color:#fc0}.navbar__dropdown{position:relative;display:inline-block}@media screen and (max-width: 768px){.navbar__dropdown{width:80%;display:flex;flex-direction:column;align-items:center}}@media (min-width: 769px){.navbar__dropdown:hover .navbar__dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}@media (min-width: 769px){.navbar__dropdown:hover .dropdown-arrow{transform:rotate(180deg);color:#ffc548}}.navbar__dropdown-menu{position:absolute;top:100%;left:50%;background:linear-gradient(180deg,#1e0000f2,#0a0000fa);-webkit-backdrop-filter:blur(calc(20 / 1920 * 100vw));backdrop-filter:blur(calc(20 / 1920 * 100vw));border-radius:.625vw;min-width:calc(260 / 1920 * 100vw);opacity:0;visibility:hidden;transform:translate(-50%) translateY(.78125vw);transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:250;box-shadow:0 .78125vw calc(40 / 1920 * 100vw) #0009,inset 0 0 calc(20 / 1920 * 100vw) #ffc5480d;border:calc(1 / 1920 * 100vw) solid rgba(255,197,72,.2);padding:calc(10 / 1920 * 100vw) 0;overflow:hidden}.navbar__dropdown-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 / 1920 * 100vw);background:linear-gradient(90deg,transparent,#FFC548,transparent)}@media screen and (max-width: 768px){.navbar__dropdown-menu{position:relative;top:auto;left:auto;background:#0006;margin:calc(10 / 393 * 100vw) 0;border-radius:calc(12 / 393 * 100vw);display:none;width:100%;box-sizing:border-box;border:calc(1 / 393 * 100vw) solid rgba(255,197,72,.1);overflow:hidden;opacity:1;visibility:visible;transform:none;box-shadow:inset 0 0 calc(20 / 393 * 100vw) #00000080}.navbar__dropdown-menu.show{display:block;animation:fadeInDown .3s ease forwards}}.navbar__dropdown-item{display:flex;align-items:center;padding:.78125vw calc(25 / 1920 * 100vw);color:#fffc;text-decoration:none;transition:all .3s ease;border-bottom:calc(1 / 1920 * 100vw) solid rgba(255,197,72,.1);font-family:inherit;font-size:calc(26 / 1920 * 100vw);font-weight:400}@media screen and (max-width: 768px){.navbar__dropdown-item{display:block;padding:calc(15 / 393 * 100vw) 0;color:#fff9;font-size:calc(22 / 393 * 100vw);line-height:1.2;text-align:center;border-bottom:calc(1 / 393 * 100vw) solid rgba(255,255,255,.05)}.navbar__dropdown-item:hover,.navbar__dropdown-item:active{color:#ffc548;background:#ffffff0d}}.navbar__dropdown-item:last-child{border-bottom:none}@media (min-width: 769px){.navbar__dropdown-item:hover{background:linear-gradient(90deg,rgba(255,197,72,.1),transparent);color:#ffc548;padding-left:calc(35 / 1920 * 100vw)}}.navbar__item-dropdown{position:relative;cursor:pointer}@media screen and (max-width: 768px){.navbar__item-dropdown{display:flex;align-items:center;justify-content:center;width:100%;padding:0;margin:0;position:relative}}.navbar .dropdown-arrow{margin-left:calc(8 / 1920 * 100vw);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:calc(20 / 1920 * 100vw);height:calc(20 / 1920 * 100vw)}.navbar .dropdown-arrow svg{width:100%;height:100%;display:block}@media screen and (max-width: 768px){.navbar .dropdown-arrow{flex-shrink:0;margin-left:calc(8 / 393 * 100vw);width:calc(20 / 393 * 100vw);height:calc(20 / 393 * 100vw);position:relative;color:#ffc548}}.navbar .dropdown-arrow.rotate{transform:rotate(180deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(calc(30 / 393 * 100vw))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;max-height:0;transform:translateY(calc(-10 / 393 * 100vw))}to{opacity:1;max-height:calc(500 / 393 * 100vw);transform:translateY(0)}}.info{width:calc(1394 / 1920 * 100vw);height:calc(323 / 1920 * 100vw);position:relative;margin:0 auto;background-image:url(https://jx1.mobi/build/media/landing/bg_info.png);background-size:cover;background-repeat:no-repeat;background-position:center top;top:calc(-55 / 1920 * 100vw)}@media screen and (max-width: 768px){.info{background-image:url(https://jx1.mobi/build/media/landing/bg_info_mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top;height:calc(90 / 393 * 100vw);width:calc(390 / 393 * 100vw);top:0vw}}.info .effect-2,.info .effect-3{position:absolute;mix-blend-mode:screen;pointer-events:none}.info .effect-2{left:9.375vw;top:calc(100 / 1920 * 100vw);width:calc(127 / 1920 * 100vw);height:calc(127 / 1920 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/effect_lightsub.gif);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.info .effect-2{width:calc(35 / 393 * 100vw);height:calc(35 / 393 * 100vw);top:calc(20 / 393 * 100vw);left:calc(40 / 393 * 100vw)}}.info .effect-3{left:calc(380 / 1920 * 100vw);top:calc(130 / 1920 * 100vw);width:calc(127 / 1920 * 100vw);height:calc(127 / 1920 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/effect_lightsub.gif);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.info .effect-3{width:calc(35 / 393 * 100vw);height:calc(35 / 393 * 100vw);top:calc(30 / 393 * 100vw);left:calc(90 / 393 * 100vw)}}.info__buttons{position:absolute;top:calc(175 / 1920 * 100vw);right:calc(100 / 1920 * 100vw);width:31.25vw;height:calc(82 / 1920 * 100vw);display:flex;justify-content:center;align-items:center;gap:calc(2 / 1920 * 100vw)}@media screen and (max-width: 768px){.info__buttons{top:calc(50 / 393 * 100vw);right:calc(28 / 393 * 100vw);width:calc(170 / 393 * 100vw);height:calc(23 / 393 * 100vw);gap:calc(2 / 393 * 100vw)}}.info__btn{width:15.46875vw;height:100%}@media screen and (max-width: 768px){.info__btn{width:calc(83 / 393 * 100vw)}}.info__btn--event{background-image:url(https://jx1.mobi/build/media/landing/btn_event.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.info__btn--event{background-image:url(https://jx1.mobi/build/media/landing/btn_event_mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top}}.info__btn--join{background-image:url(https://jx1.mobi/build/media/landing/btn_join.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.info__btn--join{background-image:url(https://jx1.mobi/build/media/landing/btn_join_mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top}}.spin-section{position:relative;width:100vw;margin:0 auto;margin-top:calc(-50 / 1920 * 100vw);display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 768px){.spin-section{width:100%;margin-top:calc(15 / 393 * 100vw)}}.spin-section .spin-header{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.spin-section .spin-header .spin-main-title-img{width:calc(1018 / 1920 * 100vw);height:auto;object-fit:contain;margin-bottom:calc(10 / 1920 * 100vw)}@media screen and (max-width: 768px){.spin-section .spin-header .spin-main-title-img{width:calc(349 / 393 * 100vw);height:calc(27 / 393 * 100vw);margin-bottom:calc(10 / 393 * 100vw)}}.spin-section .spin-header .spin-banner{position:relative;display:flex;justify-content:center;align-items:center}.spin-section .spin-header .spin-banner .spin-title-img{width:calc(776 / 1920 * 100vw);height:auto;object-fit:contain}@media screen and (max-width: 768px){.spin-section .spin-header .spin-banner .spin-title-img{width:calc(289 / 393 * 100vw);height:calc(37 / 393 * 100vw)}}.spin-section .spin-header .spin-banner .spin-banner-text{position:absolute;font-size:2.5vw;font-weight:500;color:#fff;font-family:inherit}.spin-section .spin-header .spin-banner .spin-banner-text .text-gold{color:gold;font-weight:700}@media screen and (max-width: 768px){.spin-section .spin-header .spin-banner .spin-banner-text{font-size:calc(18 / 393 * 100vw)}}.spin-section .spin-body{position:relative;display:flex;justify-content:center;width:100%;margin-top:calc(20 / 1920 * 100vw);transform:translate(-9.375vw)}@media screen and (max-width: 768px){.spin-section .spin-body{transform:none}}.spin-section .spin-body .spin-rules-btn{position:absolute;left:calc(537.6 / 1920 * 100vw);top:calc(50 / 1920 * 100vw);width:calc(118 / 1920 * 100vw);height:calc(251 / 1920 * 100vw);z-index:3;cursor:pointer;transition:transform .2s ease-in-out;background-image:url(https://jx1.mobi/build/media/landing/btn_spin_rules.png);background-size:cover;background-repeat:no-repeat;background-position:center top}.spin-section .spin-body .spin-rules-btn:hover{transform:scale(1.05)}@media screen and (max-width: 768px){.spin-section .spin-body .spin-rules-btn{left:calc(15 / 393 * 100vw);top:calc(-20 / 393 * 100vw);bottom:calc(30 / 393 * 100vw);width:calc(40 / 393 * 100vw);height:calc(80 / 393 * 100vw);background-size:contain}}.spin-section .spin-body .spin-wheel-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.spin-section .spin-body .spin-wheel-container{position:relative;z-index:1;display:flex;justify-content:center;background-image:url(https://jx1.mobi/build/media/landing/bg_spin_wheel.png);background-size:cover;background-repeat:no-repeat;background-position:center top;width:calc(596 / 1920 * 100vw);height:calc(596 / 1920 * 100vw);transition:transform .3s ease}.spin-section .spin-body .spin-wheel-container.rotating{animation:spin-animation 2s forwards cubic-bezier(.15,0,.15,1)}@media screen and (max-width: 768px){.spin-section .spin-body .spin-wheel-container{background-image:url(https://jx1.mobi/build/media/landing/bg_spin_wheel_mobile.png);background-size:cover;background-repeat:no-repeat;background-position:center top;width:calc(341 / 393 * 100vw);height:calc(341 / 393 * 100vw)}}.spin-section .spin-body .spin-wheel-container .spin-wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(322 / 1920 * 100vw);height:calc(322 / 1920 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/bg_spin_wheel_center.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.spin-section .spin-body .spin-wheel-container .spin-wheel-center{width:calc(183 / 393 * 100vw);height:calc(183 / 393 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/bg_spin_wheel_center_mobile.png);background-size:cover;background-repeat:no-repeat;background-position:center top}}.spin-section .spin-body .spin-wheel-container.rotating .spin-wheel-center{animation:counter-spin-animation 2s forwards cubic-bezier(.15,0,.15,1)}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(2000deg)}}@keyframes counter-spin-animation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-2000deg)}}.spin-section .spin-body .spin-actions{display:flex;justify-content:center;align-items:center;gap:0;margin-top:calc(-10 / 1920 * 100vw);position:relative;z-index:2}@media screen and (max-width: 768px){.spin-section .spin-body .spin-actions{margin-top:calc(15 / 393 * 100vw);gap:calc(5 / 393 * 100vw)}}.spin-section .spin-body .spin-actions .spin-btn{position:relative;width:calc(290 / 1920 * 100vw);height:calc(77 / 1920 * 100vw);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:filter .2s ease-in-out}.spin-section .spin-body .spin-actions .spin-btn.spin-btn-left{margin-right:-3.125vw;background-image:url(https://jx1.mobi/build/media/landing/btn_spin_history.png);background-size:cover;background-repeat:no-repeat;background-position:center top}.spin-section .spin-body .spin-actions .spin-btn.spin-btn-right{margin-left:-3.125vw;background-image:url(https://jx1.mobi/build/media/landing/btn_spin_mission.png);background-size:cover;background-repeat:no-repeat;background-position:center top}.spin-section .spin-body .spin-actions .spin-btn:hover{filter:brightness(1.2)}@media screen and (max-width: 768px){.spin-section .spin-body .spin-actions .spin-btn{width:calc(126 / 393 * 100vw);height:calc(33 / 393 * 100vw)}.spin-section .spin-body .spin-actions .spin-btn.spin-btn-left{margin-right:calc(-30 / 393 * 100vw);margin-top:calc(-10 / 393 * 100vw)}.spin-section .spin-body .spin-actions .spin-btn.spin-btn-right{margin-left:calc(-30 / 393 * 100vw);margin-top:calc(-10 / 393 * 100vw)}}.spin-section .spin-body .spin-actions .spin-btn-center{position:relative;z-index:3;width:19.21875vw;height:calc(205 / 1920 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/btn_spinnow.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.spin-section .spin-body .spin-actions .spin-btn-center{width:calc(160 / 393 * 100vw);height:calc(89 / 393 * 100vw)}}.section-slider{position:relative;width:100%;height:46.875vw;display:flex;flex-direction:column;align-items:center;justify-content:start;margin-top:calc(70 / 1920 * 100vw);gap:calc(70 / 1920 * 100vw)}@media screen and (max-width: 768px){.section-slider{margin-top:calc(5 / 393 * 100vw);gap:calc(20 / 393 * 100vw);height:calc(300 / 393 * 100vw)}}.section-slider__title{width:calc(1070 / 1920 * 100vw);height:calc(74 / 1920 * 100vw)}@media screen and (max-width: 768px){.section-slider__title{width:calc(349 / 393 * 100vw);height:calc(27 / 393 * 100vw)}}.section-slider__title img{width:100%;height:100%;object-fit:cover}.slider-container{width:76.40625vw;height:calc(611 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){.slider-container{width:calc(391 / 393 * 100vw);height:calc(235 / 393 * 100vw);gap:calc(10 / 393 * 100vw)}}.slider-wrapper{width:100%;height:calc(593 / 1920 * 100vw);display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.slider-wrapper{height:calc(228 / 393 * 100vw)}}.slider-item{position:absolute;width:calc(886 / 1920 * 100vw);height:calc(593 / 1920 * 100vw);transition:transform 1s cubic-bezier(.23,1,.32,1),opacity 1s cubic-bezier(.23,1,.32,1),filter 1s cubic-bezier(.23,1,.32,1);will-change:transform,opacity;opacity:0;pointer-events:none;z-index:1}@media screen and (max-width: 768px){.slider-item{width:calc(340 / 393 * 100vw);height:calc(228 / 393 * 100vw)}}.slider-item.active{opacity:1;z-index:10;filter:brightness(1.1)}.slider-item.prev{opacity:.8;z-index:5;transform:translate(-40%) scale(.85);filter:brightness(.7)}@media screen and (max-width: 768px){.slider-item.prev{transform:translate(-23%) scale(.7)}}.slider-item.next{opacity:.8;z-index:5;transform:translate(40%) scale(.85);filter:brightness(.7)}@media screen and (max-width: 768px){.slider-item.next{transform:translate(23%) scale(.7)}}.slider-item.hidden{transform:scale(.5);opacity:0}.slider-item img{width:100%;height:100%;object-fit:cover}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:calc(92 / 1920 * 100vw);height:calc(127 / 1920 * 100vw);z-index:20}@media screen and (max-width: 768px){.slider-nav{width:calc(25 / 393 * 100vw);height:calc(34 / 393 * 100vw)}}.slider-nav--prev{left:calc(350 / 1920 * 100vw)}@media screen and (max-width: 768px){.slider-nav--prev{left:calc(10 / 393 * 100vw)}}.slider-nav--next{right:calc(350 / 1920 * 100vw);transform:translateY(-50%) rotate(180deg)}@media screen and (max-width: 768px){.slider-nav--next{right:calc(10 / 393 * 100vw)}}.slider-nav img{width:100%;height:100%;object-fit:cover}.slider-pagination{display:flex;gap:.625vw;z-index:20}@media screen and (max-width: 768px){.slider-pagination{gap:calc(5 / 393 * 100vw)}}.slider-pagination .pagination-dot{width:.9375vw;height:.9375vw;border-radius:50%;background:#a3a3a3;border:.15625vw solid #ffffff;cursor:pointer;transition:all .3s}@media screen and (max-width: 768px){.slider-pagination .pagination-dot{width:calc(9 / 393 * 100vw);height:calc(9 / 393 * 100vw);border:calc(1 / 393 * 100vw) solid #ffffff}}.slider-pagination .pagination-dot.active{background:linear-gradient(to right,#f19531,#d65415)}.check-in-reward{width:100%;height:calc(1000 / 1920 * 100vw);position:relative;margin-top:calc(80 / 1920 * 100vw)}@media screen and (max-width: 768px){.check-in-reward{width:calc(371 / 393 * 100vw);height:calc(420 / 393 * 100vw);margin:0 auto;margin-top:calc(5 / 393 * 100vw)}}.check-in-reward__title{width:58.4375vw;height:calc(79 / 1920 * 100vw);position:absolute;top:0;left:50%;transform:translate(-50%)}@media screen and (max-width: 768px){.check-in-reward__title{width:calc(349 / 393 * 100vw);height:calc(27 / 393 * 100vw)}}.check-in-reward__title img{width:100%;height:100%;object-fit:contain}.check-in-reward__content{position:absolute;top:calc(110 / 1920 * 100vw);left:calc(167 / 1920 * 100vw);width:45.3125vw;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){.check-in-reward__content{top:calc(40 / 393 * 100vw);left:50%;transform:translate(-50%);width:100%;height:auto;gap:calc(10 / 393 * 100vw)}}.check-in-reward__total{width:44.53125vw;height:3.28125vw;display:flex;justify-content:center;align-items:center;background-image:url(https://jx1.mobi/build/media/landing/bg_check_in_total.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.check-in-reward__total{width:calc(345 / 393 * 100vw);height:calc(27 / 393 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/bg_check_in_total_mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top}}.check-in-reward__total p{margin:0;font-size:2.5vw;font-weight:500;color:#580000;line-height:1;display:flex;align-items:center;gap:calc(10 / 1920 * 100vw)}@media screen and (max-width: 768px){.check-in-reward__total p{font-size:calc(20 / 393 * 100vw);gap:calc(4 / 393 * 100vw)}}.check-in-reward__total p span{color:#bd0303;font-weight:700}.progress-bar{background-color:#fff;width:45.3125vw;height:.625vw;border-radius:calc(5 / 1920 * 100vw);top:calc(220 / 1920 * 100vw);position:absolute;z-index:1}@media screen and (max-width: 768px){.progress-bar{width:100%;height:calc(5 / 393 * 100vw);border-radius:calc(2 / 393 * 100vw);top:calc(75 / 393 * 100vw);z-index:1}}.progress-fill{background:linear-gradient(to right,#d90000,#720000);max-width:100%;height:100%;position:absolute;left:0;top:0;border-radius:calc(5 / 1920 * 100vw)}@media screen and (max-width: 768px){.progress-fill{border-radius:calc(2 / 393 * 100vw)}}.milestone__list{width:41.40625vw;height:auto;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:calc(80 / 1920 * 100vw);z-index:2}@media screen and (max-width: 768px){.milestone__list{width:100%;gap:calc(25 / 393 * 100vw)}}.milestone__item{width:calc(223 / 1920 * 100vw);height:calc(635 / 1920 * 100vw);position:relative}@media screen and (max-width: 768px){.milestone__item{width:calc(92 / 393 * 100vw);height:auto}}.milestone__item img{width:100%;height:100%;object-fit:cover}.milestone__item--active{cursor:pointer}.milestone__item--disabled{cursor:not-allowed;filter:grayscale(1)}.milestone__item--inactive{filter:grayscale(1);pointer-events:none;cursor:default}.milestone__btn-claim{position:absolute;bottom:calc(40 / 1920 * 100vw);left:50%;transform:translate(-50%);width:calc(128 / 1920 * 100vw);height:calc(35 / 1920 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/btn_milestone_claim.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.milestone__btn-claim{background-image:url(https://jx1.mobi/build/media/landing/btn_milestone_claim_mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top;bottom:calc(18 / 393 * 100vw);width:calc(55 / 393 * 100vw);height:calc(15 / 393 * 100vw)}}.btn-checkin{width:20.78125vw;height:calc(110 / 1920 * 100vw)}@media screen and (max-width: 768px){.btn-checkin{width:calc(170 / 393 * 100vw);height:calc(46 / 393 * 100vw)}}.btn-checkin img{width:100%;height:100%;object-fit:cover}.footer{position:absolute;bottom:0;width:100%;height:calc(251 / 1920 * 100vw);background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;border-top:calc(1 / 1920 * 100vw) solid #F4C246;gap:calc(20 / 1920 * 100vw);z-index:10}@media screen and (max-width: 768px){.footer{height:calc(160 / 393 * 100vw);gap:calc(10 / 393 * 100vw)}}.footer__content{display:flex;flex-direction:column;align-items:center;gap:calc(20 / 1920 * 100vw);text-align:center}@media screen and (max-width: 768px){.footer__content{gap:calc(15 / 393 * 100vw)}}.footer__socials{display:flex;align-items:center;gap:calc(35 / 1920 * 100vw)}@media screen and (max-width: 768px){.footer__socials{gap:calc(20 / 393 * 100vw)}}.footer__social-item img{width:100%;height:100%;object-fit:cover}.footer__social-item--fb{width:calc(26 / 1920 * 100vw);height:calc(47 / 1920 * 100vw)}@media screen and (max-width: 768px){.footer__social-item--fb{width:calc(17 / 393 * 100vw);height:calc(30 / 393 * 100vw)}}.footer__social-item--group{width:calc(59 / 1920 * 100vw);height:calc(44 / 1920 * 100vw)}@media screen and (max-width: 768px){.footer__social-item--group{width:calc(38 / 393 * 100vw);height:calc(29 / 393 * 100vw)}}.footer__social-item--yt{width:calc(62 / 1920 * 100vw);height:calc(47 / 1920 * 100vw)}@media screen and (max-width: 768px){.footer__social-item--yt{width:calc(40 / 393 * 100vw);height:calc(29 / 393 * 100vw)}}.footer__social-item--tt{width:calc(41 / 1920 * 100vw);height:calc(47 / 1920 * 100vw)}@media screen and (max-width: 768px){.footer__social-item--tt{width:calc(26 / 393 * 100vw);height:calc(30 / 393 * 100vw)}}.footer__publisher{display:flex;flex-direction:column;align-items:center;gap:calc(5 / 1920 * 100vw)}@media screen and (max-width: 768px){.footer__publisher{gap:calc(4 / 393 * 100vw)}}.footer__publisher-label{color:#fff;font-size:.9375vw;font-weight:700}@media screen and (max-width: 768px){.footer__publisher-label{font-size:calc(14 / 393 * 100vw)}}.footer__publisher-name{color:#bd0303;font-size:calc(28 / 1920 * 100vw);font-weight:600;text-transform:uppercase}@media screen and (max-width: 768px){.footer__publisher-name{font-size:calc(18 / 393 * 100vw)}}.footer__info{display:flex;flex-direction:column;gap:calc(10 / 1920 * 100vw);color:#fff;font-size:.9375vw}@media screen and (max-width: 768px){.footer__info{gap:calc(5 / 393 * 100vw);font-size:calc(12 / 393 * 100vw)}}.sidebar{position:fixed;right:0;top:3%;z-index:100;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 768px){.sidebar{display:none}}.sidebar__inner{display:flex;flex-direction:column;align-items:center;gap:.625vw;position:relative;z-index:101;background-image:url(https://jx1.mobi/build/media/landing/sidebar_bg.webp);background-size:cover;background-repeat:no-repeat;background-position:center top;width:calc(297.43 / 1920 * 100vw);height:23.4375vw;padding-top:1.5625vw}.sidebar__btn{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;cursor:pointer}.sidebar__btn:hover{transform:scale(1.05);filter:brightness(1.2)}.sidebar__btn:active{transform:scale(.95)}.sidebar__btn--download{position:relative;width:calc(162.38 / 1920 * 100vw);height:calc(162.38 / 1920 * 100vw);background-image:url(https://jx1.mobi/build/media/landing/btn_download_sidebar.webp);background-size:cover;background-repeat:no-repeat;background-position:center top}.sidebar__btn--social{width:calc(180.61 / 1920 * 100vw);height:calc(59.65 / 1920 * 100vw)}.sidebar__btn--social-fanpage{background-image:url(https://jx1.mobi/build/media/landing/btn_fanpage_sidebar.webp);background-size:cover;background-repeat:no-repeat;background-position:center top}.sidebar__btn--social-group{background-image:url(https://jx1.mobi/build/media/landing/btn_group_sidebar.webp);background-size:cover;background-repeat:no-repeat;background-position:center top}.sidebar__btn--social-zalo{background-image:url(https://jx1.mobi/build/media/landing/btn_zalo_sidebar.webp);background-size:cover;background-repeat:no-repeat;background-position:center top}.sidebar__zalo{z-index:102}.sidebar__zalo a{width:calc(253 / 1920 * 100vw);height:17.8125vw;background-image:url(https://jx1.mobi/build/media/landing/zalo.webp);background-size:cover;background-repeat:no-repeat;background-position:center top}.sidebar__zalo a:hover{transform:scale(1.05);filter:brightness(1)}#historyModal .history-modal{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}#historyModal .history-modal__body{width:80%;margin-top:calc(160 / 1920 * 100vw);display:flex;flex-direction:column;align-items:center;gap:1.5625vw;max-height:calc(350 / 1920 * 100vw);overflow-y:auto;padding:calc(20 / 1920 * 100vw) 1.5625vw;color:#000;text-align:center}@media screen and (max-width: 768px){#historyModal .history-modal__body{margin-top:calc(60 / 393 * 100vw);gap:calc(20 / 393 * 100vw);max-height:calc(220 / 393 * 100vw);padding:calc(10 / 393 * 100vw) calc(20 / 393 * 100vw);align-items:center}}#historyModal .history-modal__body::-webkit-scrollbar{width:.3125vw}@media screen and (max-width: 768px){#historyModal .history-modal__body::-webkit-scrollbar{width:calc(4 / 393 * 100vw)}}#historyModal .history-modal__body::-webkit-scrollbar-track{background:#0000000d;border-radius:.15625vw}@media screen and (max-width: 768px){#historyModal .history-modal__body::-webkit-scrollbar-track{border-radius:calc(2 / 393 * 100vw)}}#historyModal .history-modal__body::-webkit-scrollbar-thumb{background:#c4a86b;border-radius:.15625vw}@media screen and (max-width: 768px){#historyModal .history-modal__body::-webkit-scrollbar-thumb{border-radius:calc(2 / 393 * 100vw)}}#historyModal .history-modal__item{display:flex;align-items:flex-start;gap:.625vw}@media screen and (max-width: 768px){#historyModal .history-modal__item{gap:calc(8 / 393 * 100vw)}}#historyModal .history-modal__dot{color:#3f3a2f;font-size:1.875vw;font-weight:700;flex-shrink:0}@media screen and (max-width: 768px){#historyModal .history-modal__dot{font-size:calc(12 / 393 * 100vw)}}#historyModal .history-modal__info{display:flex;flex-direction:column;gap:calc(4 / 1920 * 100vw)}@media screen and (max-width: 768px){#historyModal .history-modal__info{gap:calc(2 / 393 * 100vw)}}#historyModal .history-modal__text{font-size:1.875vw;font-weight:600}@media screen and (max-width: 768px){#historyModal .history-modal__text{font-size:calc(12 / 393 * 100vw)}}#historyModal .history-modal__time{font-size:1.875vw;font-weight:600}@media screen and (max-width: 768px){#historyModal .history-modal__time{font-size:calc(12 / 393 * 100vw)}}#loginModal .login-form{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin-top:calc(170 / 1920 * 100vw)}@media screen and (max-width: 768px){#loginModal .login-form{margin-top:calc(60 / 393 * 100vw)}}#loginModal .login-form__body{width:70%;display:flex;flex-direction:column;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){#loginModal .login-form__body{gap:calc(5 / 393 * 100vw)}}#loginModal .login-form__row{display:flex;align-items:center;justify-content:space-between}#loginModal .login-form__label{color:#000;font-size:1.875vw;font-weight:600;width:30%;text-align:left}@media screen and (max-width: 768px){#loginModal .login-form__label{font-size:calc(13 / 393 * 100vw)}}#loginModal .login-form__input{width:60%;height:calc(55 / 1920 * 100vw);background:#570202;border:calc(1 / 1920 * 100vw) solid #7c1a1a;border-radius:calc(8 / 1920 * 100vw);color:#fff;padding:0 .78125vw;font-size:1.5625vw;outline:none}@media screen and (max-width: 768px){#loginModal .login-form__input{font-size:calc(12 / 393 * 100vw);height:calc(20 / 393 * 100vw);width:70%;border:calc(1 / 393 * 100vw) solid #7c1a1a;border-radius:calc(3 / 393 * 100vw);padding:0 calc(5 / 393 * 100vw)}}#loginModal .login-form__input::placeholder{color:#ffffff4d}#loginModal .login-form__input:focus{border-color:#f7ff00}#loginModal .login-form__footer{margin-top:1.5625vw;display:flex;flex-direction:column;align-items:center;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){#loginModal .login-form__footer{gap:calc(10 / 393 * 100vw);margin-top:calc(10 / 393 * 100vw)}}#loginModal .login-form__btn-submit{width:19.84375vw;height:calc(110 / 1920 * 100vw)}@media screen and (max-width: 768px){#loginModal .login-form__btn-submit{width:calc(131 / 393 * 100vw);height:calc(38 / 393 * 100vw)}}#loginModal .login-form__btn-submit img{width:100%;height:100%;object-fit:cover}#loginModal .login-form__switch{color:#000;font-size:1.875vw;font-weight:500}@media screen and (max-width: 768px){#loginModal .login-form__switch{font-size:calc(12 / 393 * 100vw)}}#loginModal .login-form__switch a{color:#b10000;text-decoration:none;font-weight:700}#loginModal .login-form__switch a:hover{text-decoration:underline}#registerModal .register-form{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin-top:calc(170 / 1920 * 100vw)}@media screen and (max-width: 768px){#registerModal .register-form{margin-top:calc(60 / 393 * 100vw)}}#registerModal .register-form__body{width:70%;display:flex;flex-direction:column;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){#registerModal .register-form__body{gap:calc(8 / 393 * 100vw);width:80%}}#registerModal .register-form__row{display:flex;align-items:center;justify-content:space-between}#registerModal .register-form__label{color:#000;font-size:1.875vw;font-weight:600;width:40%;text-align:left}@media screen and (max-width: 768px){#registerModal .register-form__label{font-size:calc(13 / 393 * 100vw)}}#registerModal .register-form__input{width:60%;height:calc(55 / 1920 * 100vw);background:#570202;border:1px solid #7c1a1a;border-radius:calc(8 / 1920 * 100vw);color:#fff;padding:0 .78125vw;font-size:1.5625vw;outline:none}@media screen and (max-width: 768px){#registerModal .register-form__input{font-size:calc(12 / 393 * 100vw);height:calc(18 / 393 * 100vw);border:calc(1 / 393 * 100vw) solid #7c1a1a;border-radius:calc(3 / 393 * 100vw);padding:0 calc(5 / 393 * 100vw)}}#registerModal .register-form__input::placeholder{color:#ffffff4d}#registerModal .register-form__input:focus{border-color:#f7ff00}#registerModal .register-form__footer{margin-top:1.5625vw;display:flex;flex-direction:column;align-items:center;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){#registerModal .register-form__footer{gap:calc(10 / 393 * 100vw);margin-top:calc(10 / 393 * 100vw)}}#registerModal .register-form__btn-submit{width:19.84375vw;height:calc(110 / 1920 * 100vw)}@media screen and (max-width: 768px){#registerModal .register-form__btn-submit{width:calc(117 / 393 * 100vw);height:calc(34 / 393 * 100vw)}}#registerModal .register-form__btn-submit img{width:100%;height:100%;object-fit:cover}#registerModal .register-form__switch{color:#000;font-size:1.875vw;font-weight:500}@media screen and (max-width: 768px){#registerModal .register-form__switch{font-size:calc(13 / 393 * 100vw)}}#registerModal .register-form__switch a{color:#b10000;text-decoration:none;font-weight:700}#registerModal .register-form__switch a:hover{text-decoration:underline}#registerSuccessModal .register-success{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}#registerSuccessModal .register-success__body{width:80%;margin-top:calc(160 / 1920 * 100vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(10 / 1920 * 100vw)}@media screen and (max-width: 768px){#registerSuccessModal .register-success__body{margin-top:calc(60 / 393 * 100vw);gap:calc(5 / 393 * 100vw)}}#registerSuccessModal .register-success__text{font-size:1.875vw;font-weight:600;color:#b10000}@media screen and (max-width: 768px){#registerSuccessModal .register-success__text{font-size:calc(12 / 393 * 100vw)}}#registerSuccessModal .register-success__text--highlight{color:#000}#registerSuccessModal .register-success__text--highlight span{color:#c70404}#registerSuccessModal .register-success__character{margin-top:calc(10 / 1920 * 100vw);width:calc(487 / 1920 * 100vw);height:calc(566 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;background-image:url(https://jx1.mobi/build/media/landing/character_chibi.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){#registerSuccessModal .register-success__character{width:calc(50 / 393 * 100vw);height:calc(60 / 393 * 100vw)}}#rulesModal .rules-modal{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}#rulesModal .rules-modal__body{width:80%;margin-top:calc(160 / 1920 * 100vw);display:flex;flex-direction:column;gap:calc(40 / 1920 * 100vw);padding:calc(20 / 1920 * 100vw) 1.5625vw;color:#000}@media screen and (max-width: 768px){#rulesModal .rules-modal__body{margin-top:calc(60 / 393 * 100vw);gap:calc(20 / 393 * 100vw);padding:calc(10 / 393 * 100vw) calc(20 / 393 * 100vw);align-items:center}}#rulesModal .rules-modal__item{display:flex;align-items:center;gap:.625vw}@media screen and (max-width: 768px){#rulesModal .rules-modal__item{gap:calc(8 / 393 * 100vw)}}#rulesModal .rules-modal__dot{color:#3f3a2f;font-size:1.875vw;font-weight:700;flex-shrink:0}@media screen and (max-width: 768px){#rulesModal .rules-modal__dot{font-size:calc(12 / 393 * 100vw)}}#rulesModal .rules-modal__text{font-size:1.875vw;font-weight:600}@media screen and (max-width: 768px){#rulesModal .rules-modal__text{font-size:calc(12 / 393 * 100vw)}}#missionModal .mission-modal{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}#missionModal .mission-modal__body{width:75%;margin-top:calc(160 / 1920 * 100vw);display:flex;flex-direction:column;gap:1.5625vw;padding:calc(20 / 1920 * 100vw) 1.5625vw;color:#000}@media screen and (max-width: 768px){#missionModal .mission-modal__body{margin-top:calc(60 / 393 * 100vw);width:85%;gap:calc(20 / 393 * 100vw);padding:calc(10 / 393 * 100vw) calc(20 / 393 * 100vw)}}#missionModal .mission-modal__item{display:flex;align-items:center;justify-content:space-between;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){#missionModal .mission-modal__item{gap:calc(8 / 393 * 100vw)}}#missionModal .mission-modal__text{font-size:1.875vw;font-weight:600;flex:1}@media screen and (max-width: 768px){#missionModal .mission-modal__text{font-size:calc(12 / 393 * 100vw)}}#missionModal .mission-modal__btn{transition:filter .2s ease-in-out;width:calc(232 / 1920 * 100vw);height:calc(62 / 1920 * 100vw)}@media screen and (max-width: 768px){#missionModal .mission-modal__btn{width:calc(130 / 393 * 100vw);height:calc(35 / 393 * 100vw)}}#missionModal .mission-modal__btn:hover{filter:brightness(1.15)}#missionModal .mission-modal__btn img{width:100%;height:100%;object-fit:cover}#rewardModal .reward-modal{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}#rewardModal .reward-modal__body{width:80%;margin-top:calc(160 / 1920 * 100vw);display:flex;flex-direction:column;align-items:center;gap:calc(5 / 1920 * 100vw);color:#000;text-align:center}@media screen and (max-width: 768px){#rewardModal .reward-modal__body{margin-top:calc(60 / 393 * 100vw);width:85%;gap:calc(10 / 393 * 100vw);padding:calc(10 / 393 * 100vw) calc(20 / 393 * 100vw)}}#rewardModal .reward-modal__message{font-size:1.875vw;font-weight:600}@media screen and (max-width: 768px){#rewardModal .reward-modal__message{font-size:calc(12 / 393 * 100vw)}}#rewardModal .reward-modal__item-frame{width:12.65625vw;height:calc(249 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;background-image:url(https://jx1.mobi/build/media/landing/reward_frame.png);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){#rewardModal .reward-modal__item-frame{width:calc(100 / 393 * 100vw);height:calc(100 / 393 * 100vw)}}#rewardModal .reward-modal__item-img{width:80%;height:80%;object-fit:contain}#rewardModal .reward-modal__item-name{font-size:1.875vw;font-weight:600}@media screen and (max-width: 768px){#rewardModal .reward-modal__item-name{font-size:calc(12 / 393 * 100vw)}}#rewardModal .reward-modal__giftcode{margin-top:calc(20 / 1920 * 100vw);width:100%}@media screen and (max-width: 768px){#rewardModal .reward-modal__giftcode{margin-top:calc(15 / 393 * 100vw)}}#rewardModal .reward-modal__giftcode-label{margin:0 0 calc(10 / 1920 * 100vw);color:#666;font-size:calc(14 / 1920 * 100vw);text-align:center}@media screen and (max-width: 768px){#rewardModal .reward-modal__giftcode-label{margin:0 0 calc(8 / 393 * 100vw);font-size:calc(10 / 393 * 100vw)}}#rewardModal .reward-modal__giftcode-box{width:50%;background:#f5f5f5;padding:.78125vw;border-radius:calc(5 / 1920 * 100vw);margin-bottom:.78125vw;border:2px solid #ddd;margin:0 auto .78125vw}@media screen and (max-width: 768px){#rewardModal .reward-modal__giftcode-box{padding:calc(10 / 393 * 100vw);margin-bottom:calc(10 / 393 * 100vw);border-radius:calc(3 / 393 * 100vw)}}#rewardModal .reward-modal__giftcode-text{margin:0;color:#e74c3c;font-size:calc(20 / 1920 * 100vw);font-weight:700;letter-spacing:calc(2 / 1920 * 100vw);text-align:center;font-family:Courier New,monospace}@media screen and (max-width: 768px){#rewardModal .reward-modal__giftcode-text{font-size:calc(14 / 393 * 100vw);letter-spacing:calc(1 / 393 * 100vw)}}#rewardModal .reward-modal__copy-btn{background:#3498db;color:#fff;border:none;padding:.625vw calc(25 / 1920 * 100vw);border-radius:calc(5 / 1920 * 100vw);cursor:pointer;font-size:calc(14 / 1920 * 100vw);font-weight:600;transition:all .3s ease;display:block;margin:0 auto}@media screen and (max-width: 768px){#rewardModal .reward-modal__copy-btn{padding:calc(8 / 393 * 100vw) calc(15 / 393 * 100vw);font-size:calc(10 / 393 * 100vw);border-radius:calc(3 / 393 * 100vw)}}#rewardModal .reward-modal__copy-btn:hover{background:#2980b9}#rewardModal .reward-modal__copy-btn:active{transform:scale(.98)}@media screen and (max-width: 768px){.base-modal__title__text{margin-top:calc(8 / 393 * 100vw)}}