:root{--desktop-vw: 1vw;--mobile-vw: calc(100vw / 393);--mobile-scale: calc(393 / 1920)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}body{font-family:UTM_KHUCCAMTA,sans-serif;-ms-overflow-style:none}.hover-darken{transition:filter .02s ease-in-out}.hover-darken: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;background:inherit}.hero{width:100%;height:62.5vw;position:relative;z-index:0}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;background-image:url(/assets/homepage/images/pc/bg_banner.svg);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.hero{height:calc(569 / 393 * 100vw)}.hero:before{background-image:url(/assets/homepage/images/mb/bg_banner_mb.svg);background-size:cover;background-repeat:no-repeat;background-position:center top}}.hero__container{width:calc(800 / 1920 * 100vw);margin:0 auto;position:absolute;top:calc(100 / 1920 * 100vw);left:4.375vw;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}@media screen and (max-width: 768px){.hero__container{padding:0 calc(20 / 393 * 100vw)}}.hero__logo{width:calc(475 / 1920 * 100vw);height:9.84375vw;background-image:url(/assets/homepage/images/pc/logo.svg);background-size:cover;background-repeat:no-repeat;background-position:center}@media screen and (max-width: 768px){.hero__logo{display:none}}.hero__slogan{width:calc(797 / 1920 * 100vw);height:calc(571 / 1920 * 100vw);background-image:url(/assets/homepage/images/pc/banner_slogan.svg);background-size:cover;background-repeat:no-repeat;background-position:center}@media screen and (max-width: 768px){.hero__slogan{background-image:url(/assets/homepage/images/mb/banner_slogan_mb.svg);background-size:cover;background-repeat:no-repeat;width:calc(293 / 393 * 100vw);height:calc(210 / 393 * 100vw);position:absolute;top:calc(175 / 393 * 100vw);left:100%;transform:translate(-50%)}}.hero__actions{width:calc(781 / 1920 * 100vw);display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.hero__actions{width:calc(328 / 393 * 100vw);height:calc(86 / 393 * 100vw);position:absolute;top:calc(385 / 393 * 100vw);left:108%;transform:translate(-50%)}}.hero__button{width:19.21875vw;height:calc(205 / 1920 * 100vw);position:relative;z-index:10;border:none;cursor:pointer;padding:0;background-image:url(/assets/homepage/images/pc/btn_download.svg);background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 768px){.hero__button{width:calc(155 / 393 * 100vw);height:calc(86 / 393 * 100vw);background-image:url(/assets/homepage/images/mb/btn_download_mb.svg);background-size:cover;background-repeat:no-repeat}}.hero__button:first-child{width:calc(325 / 1920 * 100vw);height:calc(89 / 1920 * 100vw);z-index:2;margin-right:-6.25vw;background-image:url(/assets/homepage/images/pc/btn_topup.svg);background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 768px){.hero__button:first-child{width:calc(136 / 393 * 100vw);height:calc(37 / 393 * 100vw);margin-right:calc(-50 / 393 * 100vw);background-image:url(/assets/homepage/images/mb/btn_topup_mb.svg);background-size:cover;background-repeat:no-repeat}}.hero__button:last-child{width:calc(325 / 1920 * 100vw);height:calc(89 / 1920 * 100vw);z-index:1;margin-left:-6.25vw;background-image:url(/assets/homepage/images/pc/btn_register.svg);background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 768px){.hero__button:last-child{width:calc(136 / 393 * 100vw);height:calc(37 / 393 * 100vw);margin-left:calc(-50 / 393 * 100vw);background-image:url(/assets/homepage/images/mb/btn_register_mb.svg);background-size:cover;background-repeat:no-repeat}}.hero__button:hover{filter:brightness(1.2)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.news{position:relative;z-index:1;width:100%;padding:calc(40 / 1920 * 100vw) 0}@media screen and (max-width: 768px){.news{padding:0;width:100%}}.news__container{max-width:75vw;margin:0 auto;padding:0 calc(40 / 1920 * 100vw)}@media screen and (max-width: 768px){.news__container{padding:0 calc(20 / 393 * 100vw);max-width:100%}}.news__header{width:calc(730 / 1920 * 100vw);height:calc(91 / 1920 * 100vw);margin:0 auto;margin-bottom:calc(40 / 1920 * 100vw);background-image:url(/assets/homepage/images/pc/section_title_1.svg);background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 768px){.news__header{width:calc(300 / 393 * 100vw);height:calc(37 / 393 * 100vw);margin-bottom:calc(12 / 393 * 100vw);background-image:url(/assets/homepage/images/mb/section_title_1_mb.svg);background-size:cover;background-repeat:no-repeat}}.news__content{display:grid;grid-template-columns:1fr 1.2fr;gap:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){.news__content{grid-template-columns:1fr;gap:calc(12 / 393 * 100vw)}}.news__hot{width:calc(611 / 1920 * 100vw);height:calc(346 / 1920 * 100vw);position:relative;overflow:hidden}@media screen and (max-width: 768px){.news__hot{width:calc(348 / 393 * 100vw);height:calc(197 / 393 * 100vw)}}.news__hot-swiper,.news__hot-slide{width:100%;height:100%}.news__hot-link{display:block;width:100%;height:100%}.news__hot-img{width:100%;height:100%;object-fit:cover;display:block}.news__hot-placeholder{width:100%;height:100%}.news__hot-pagination{position:absolute;bottom:calc(20 / 1920 * 100vw);left:50%;transform:translate(-50%);z-index:10;display:flex;gap:calc(8 / 1920 * 100vw)}@media screen and (max-width: 768px){.news__hot-pagination{bottom:calc(10 / 393 * 100vw);gap:calc(6 / 393 * 100vw)}}.news__hot-pagination-bullet{width:calc(10 / 1920 * 100vw);height:calc(10 / 1920 * 100vw);background:#ffffff80;border-radius:50%;cursor:pointer;transition:all .3s ease}@media screen and (max-width: 768px){.news__hot-pagination-bullet{width:calc(8 / 393 * 100vw);height:calc(8 / 393 * 100vw)}}.news__hot-pagination-bullet-active{background:gold;width:1.5625vw;border-radius:calc(5 / 1920 * 100vw)}@media screen and (max-width: 768px){.news__hot-pagination-bullet-active{width:calc(24 / 393 * 100vw);border-radius:calc(4 / 393 * 100vw)}}.news__list{width:37.5vw;height:calc(346 / 1920 * 100vw);overflow:hidden}@media screen and (max-width: 768px){.news__list{width:calc(346 / 393 * 100vw);height:calc(246 / 393 * 100vw)}}.news__tabs{display:flex;background:linear-gradient(to right,#2f578d,#00000b);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#ffd700 #2F578D;position:relative}.news__tabs::-webkit-scrollbar{height:4px}.news__tabs::-webkit-scrollbar-track{background:#2f578d}.news__tabs::-webkit-scrollbar-thumb{background:gold;border-radius:2px}.news__tabs::-webkit-scrollbar-thumb:hover{background:#ffed4e}.news__tab{flex:0 0 auto;min-width:7.8125vw;padding:.625vw calc(20 / 1920 * 100vw);color:#fff;font-size:1.25vw;font-weight:500;font-family:HUONG-QUE;text-align:center;cursor:pointer;transition:all .3s ease;background:transparent;border:none;position:relative;white-space:nowrap}@media screen and (max-width: 768px){.news__tab{min-width:calc(80 / 393 * 100vw);padding:calc(8 / 393 * 100vw) calc(12 / 393 * 100vw);font-size:calc(10 / 393 * 100vw)}}.news__tab:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#fff;transition:width .3s ease}.news__tab:last-child:not(.news__tab--more):after{display:none}.news__tab:hover,.news__tab--active{color:gold;background:transparent}.news__tab--more{position:absolute;right:0;top:50%;transform:translateY(-50%);flex:0 0 auto;min-width:calc(50 / 1920 * 100vw)}@media screen and (max-width: 768px){.news__tab--more{min-width:calc(40 / 393 * 100vw)}}.news__tab--more:after{display:none}.news__tab-icon{width:1.25vw;height:1.25vw}@media screen and (max-width: 768px){.news__tab-icon{width:calc(20 / 393 * 100vw);height:calc(20 / 393 * 100vw)}}.news__items{min-height:15.625vw}@media screen and (max-width: 768px){.news__items{min-height:calc(200 / 393 * 100vw)}}.news__items--hidden{display:none}.news__table{width:100%;height:100%}.news__table-row{display:flex;padding:calc(8 / 1920 * 100vw);border-bottom:1px solid #e0e0e0;transition:background .3s ease;cursor:pointer}@media screen and (max-width: 768px){.news__table-row{padding:calc(8 / 393 * 100vw)}}.news__table-row:last-child{border-bottom:none}.news__table-row:hover{background:#ffd7001a}.news__table-row--header{background:#fff;font-weight:600;cursor:default}.news__table-row--header:hover{background:#fff}.news__table-cell{flex:1;color:#00002c;font-size:1.25vw;font-weight:500;font-family:BE-VIETNAM-REGULAR}@media screen and (max-width: 768px){.news__table-cell{font-size:calc(14 / 393 * 100vw)}}.news__table-cell--date{flex:0 0 6.25vw;text-align:right;color:#000;font-size:calc(16 / 1920 * 100vw);font-weight:500;font-family:BE-VIETNAM-REGULAR}@media screen and (max-width: 768px){.news__table-cell--date{flex:0 0 calc(100 / 393 * 100vw);font-size:calc(12 / 393 * 100vw)}}.news__table-link{color:inherit;text-decoration:none;transition:color .3s ease}.news__table-link:hover{color:#2f578d;text-decoration:underline}.characters{position:relative;z-index:1;width:100%;height:37.8125vw;margin-bottom:3.125vw}@media screen and (max-width: 768px){.characters{padding:0;width:100%;height:calc(306 / 393 * 100vw)}}.characters__container{width:100%;margin:0 auto;padding:0 calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){.characters__container{padding:0}}.characters__header{width:calc(730 / 1920 * 100vw);height:calc(91 / 1920 * 100vw);margin:0 auto;background-image:url(/assets/homepage/images/pc/section_title_2.svg);background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 768px){.characters__header{width:calc(337 / 393 * 100vw);height:calc(40 / 393 * 100vw);background-image:url(/assets/homepage/images/mb/section_title_2_mb.svg);background-size:cover;background-repeat:no-repeat}}.characters__content{height:calc(608 / 1920 * 100vw);position:relative;margin-bottom:3.125vw;overflow:hidden}@media screen and (max-width: 768px){.characters__content{width:100%;height:calc(266 / 393 * 100vw)}}.characters__slides{width:100%;height:100%;position:relative;overflow:hidden}.characters__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;pointer-events:none}.characters__slide--active{opacity:1;visibility:visible;pointer-events:auto}.characters__slide-content{width:100%;height:100%;position:relative;display:flex}.characters__detail{position:absolute;top:0;left:5.46875vw;width:calc(854 / 1920 * 100vw);height:calc(514 / 1920 * 100vw);overflow:hidden}@media screen and (max-width: 768px){.characters__detail{position:unset;width:100vw;height:calc(266 / 393 * 100vw)}}.characters__detail-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}@media screen and (max-width: 768px){.characters__detail-img{object-fit:contain}}.characters__media{position:absolute;top:50%;right:calc(220 / 1920 * 100vw);width:37.5vw;height:21.25vw;transform:translateY(-50%)}@media screen and (max-width: 768px){.characters__media{display:none}}.characters__media-wrapper{position:relative;width:100%;height:100%}.characters__media-wrapper:after{content:"";position:absolute;top:-2px;left:-15px;width:104%;height:104%;z-index:3;pointer-events:none;background-image:url(/assets/homepage/images/pc/bg_character_media.png);background-repeat:no-repeat;background-size:cover;background-position:center}.characters__media-img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.characters__media-video{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s ease}.characters__media-video.is-playing{opacity:1;pointer-events:auto}.characters__media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;cursor:pointer;transition:transform .3s ease,opacity .3s ease;background:none;border:none}@media screen and (max-width: 768px){.characters__media-play{width:calc(60 / 393 * 100vw);height:calc(60 / 393 * 100vw)}}.characters__media-play:hover{transform:translate(-50%,-50%) scale(1.1)}.characters__media-play.is-hidden{opacity:0;pointer-events:none}.characters__media-play-icon{width:calc(200 / 1920 * 100vw);height:calc(200 / 1920 * 100vw)}.characters__carousel{height:calc(115 / 1920 * 100vw);margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media screen and (max-width: 768px){.characters__carousel{width:100%;height:calc(50 / 393 * 100vw);padding:0 calc(20 / 393 * 100vw)}}.characters__slider{display:flex;justify-content:center;overflow:visible;gap:calc(10 / 1920 * 100vw)}@media screen and (max-width: 768px){.characters__slider{gap:calc(5 / 393 * 100vw)}}.characters__icon{width:calc(121 / 1920 * 100vw);height:calc(113 / 1920 * 100vw);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;filter:grayscale(1) brightness(.5);transform:scale(.85)}@media screen and (max-width: 768px){.characters__icon{width:calc(50 / 393 * 100vw);height:calc(50 / 393 * 100vw)}}.characters__icon--prev-2,.characters__icon--prev,.characters__icon--active,.characters__icon--next,.characters__icon--next-2{display:block}.characters__icon--prev-2,.characters__icon--next-2{filter:grayscale(1) brightness(.5)}.characters__icon--prev,.characters__icon--next{filter:grayscale(.7) brightness(.7)}.characters__icon--active{filter:grayscale(0) brightness(1);transform:scale(1)}.characters__icon:hover{filter:grayscale(.3) brightness(.95)}.characters__icon-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media screen and (max-width: 768px){.characters__icon-img{object-fit:contain}}.characters__nav{position:absolute;top:50%;transform:translateY(-50%);width:calc(77 / 1920 * 100vw);height:calc(98 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;background:none;border:none;outline:none}@media screen and (max-width: 768px){.characters__nav{width:calc(40 / 393 * 100vw);height:calc(40 / 393 * 100vw)}}.characters__nav:hover{transform:translateY(-50%) scale(1.1);filter:brightness(1.2)}.characters__nav:active{transform:translateY(-50%) scale(.95)}.characters__nav.swiper-button-disabled{opacity:.3;cursor:not-allowed}.characters__nav.swiper-button-disabled:hover{transform:translateY(-50%) scale(1);filter:brightness(1)}.characters__nav--prev{left:calc(-77 / 1920 * 100vw)}@media screen and (max-width: 768px){.characters__nav--prev{left:0}}.characters__nav--next{right:calc(-77 / 1920 * 100vw)}@media screen and (max-width: 768px){.characters__nav--next{right:0}}.characters__nav-img{width:100%;height:100%;object-fit:contain;pointer-events:none}.features{position:relative;z-index:1;width:100%}@media screen and (max-width: 768px){.features{padding:0;width:100%;margin-bottom:calc(40 / 393 * 100vw)}}.features__container{margin:0 auto}@media screen and (max-width: 768px){.features__container{max-width:100%}}.features__header{width:calc(730 / 1920 * 100vw);height:calc(91 / 1920 * 100vw);margin:0 auto;margin-bottom:calc(50 / 1920 * 100vw);background-image:url(/assets/homepage/images/pc/section_title_3.svg);background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 768px){.features__header{width:calc(326 / 393 * 100vw);height:calc(36 / 393 * 100vw);margin-bottom:calc(10 / 393 * 100vw);background-image:url(/assets/homepage/images/mb/section_title_3_mb.svg);background-size:cover;background-repeat:no-repeat}}.features__carousel{width:calc(1120 / 1920 * 100vw);height:calc(500 / 1920 * 100vw);margin:0 auto;position:relative;overflow:hidden}@media screen and (max-width: 768px){.features__carousel{height:calc(162 / 393 * 100vw);width:100vw}}.features__swiper{overflow:visible!important}@media screen and (max-width: 768px){.features__swiper{overflow:hidden!important}}.features__swiper .swiper-wrapper{align-items:center}.features__slide{width:calc(745 / 1920 * 100vw)!important;height:calc(422 / 1920 * 100vw)!important;cursor:pointer;overflow:hidden;transition:all .3s ease;transform:scale(1)!important;z-index:1!important}@media screen and (max-width: 768px){.features__slide{width:calc(285 / 393 * 100vw)!important;height:calc(162 / 393 * 100vw)!important}}.features__slide-img{width:100%;height:100%;object-fit:cover;transform-origin:center center;transition:transform .3s ease;will-change:transform}.features__slide.swiper-slide-prev{left:47%}.features__slide.swiper-slide-next{right:47%}.features__slide.swiper-slide-prev .features__slide-img,.features__slide.swiper-slide-next .features__slide-img{transform:scale(.9)}.features__slide.swiper-slide-active .features__slide-img{transform:scale(1)}.features__slide.swiper-slide-active{left:0;right:0;z-index:2!important}.features__slide.swiper-slide-active .swiper-slide-shadow-right,.features__slide.swiper-slide-active .swiper-slide-shadow-left,.features__slide .swiper-slide-shadow-right,.features__slide .swiper-slide-shadow-left{background-image:none!important}.features__pagination{position:absolute;bottom:calc(-10 / 1920 * 100vw)!important;width:auto;height:calc(19 / 1920 * 100vw)!important;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:calc(5 / 1920 * 100vw);z-index:50}@media screen and (max-width: 768px){.features__pagination{height:calc(7 / 393 * 100vw);gap:calc(2 / 393 * 100vw);bottom:calc(5 / 393 * 100vw)}}.features__pagination-bullet{background-color:#a3a3a3;border-radius:50%;border:calc(2 / 1920 * 100vw) solid #FFFFFF;width:calc(19 / 1920 * 100vw)!important;height:calc(19 / 1920 * 100vw)!important;cursor:pointer;transition:all .3s ease;opacity:1}@media screen and (max-width: 768px){.features__pagination-bullet{width:calc(7 / 393 * 100vw);height:calc(7 / 393 * 100vw);border:calc(1 / 393 * 100vw) solid #FFFFFF}}.features__pagination-bullet:hover{background:#8b8b8b}.features__pagination-bullet.swiper-pagination-bullet-active{background:linear-gradient(to right,#117f8b,#158e9a)}.features__nav{position:absolute;top:50%;transform:translateY(-50%);width:calc(100 / 1920 * 100vw)!important;height:calc(292 / 1920 * 100vw)!important;border:none;background:none;cursor:pointer;padding:0;z-index:50;transition:filter .3s ease;margin-top:0!important}@media screen and (max-width: 768px){.features__nav{width:calc(55 / 393 * 100vw);height:calc(132 / 393 * 100vw)}}.features__nav:hover{filter:brightness(1.2)}.features__nav:active{filter:brightness(.8)}.features__nav.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.features__nav--prev{left:5%!important}@media screen and (max-width: 768px){.features__nav--prev{left:calc(12 / 393 * 100vw)}}.features__nav--next{right:5%!important}@media screen and (max-width: 768px){.features__nav--next{right:calc(12 / 393 * 100vw)}}.features__nav-img{width:100%;height:100%;object-fit:contain;pointer-events:none}.features__nav svg{display:none}.features .swiper-slide{transition:transform .3s ease,opacity .3s ease;opacity:.6}.features .swiper-slide-active{opacity:1}.features .swiper-slide-prev,.features .swiper-slide-next{opacity:.8}.page__content:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;height:100%;width:100%;background-attachment:scroll;opacity:1;background-size:100% 100%;background-image:url(/assets/homepage/images/pc/bg_content.svg);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width: 768px){.page__content:before{background-image:url(/assets/homepage/images/mb/bg_content_mb.svg);background-size:cover;background-repeat:no-repeat}}.page__content-inner{display:flex;position:relative;z-index:2}@media screen and (max-width: 768px){.page__content-inner{flex-direction:column}}.page__content-inner--wrapper{flex:1;padding-left:calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){.page__content-inner--wrapper{padding-left:0;padding:calc(20 / 393 * 100vw)}}