html{font-family:"Roboto",sans-serif;width:100%;max-width:100%;height:100%;font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{width:100%;min-height:100vh;background-color:#140b14;-webkit-overflow-scrolling:touch;color:#f0f8ff}@media screen and (max-width: 480px){body{background-color:#00021e}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:text;-ms-user-select:text;user-select:text}a,ul,li{appearance:none;-moz-appearance:none;-webkit-appearance:none;text-decoration:none;list-style:none;padding:0;color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus,ul:focus,li:focus{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:inherit}button{border:none;background-color:rgba(0,0,0,0);outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}button:focus{outline:none}strong{-webkit-appearance:none;appearance:none;font-weight:normal}img{display:block}input,textarea{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none}input:focus,textarea:focus{-webkit-appearance:none;appearance:none;outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select:focus{outline:none}main{position:relative;padding-bottom:1px}input,select{appearance:none;-moz-appearance:none;-webkit-appearance:none;min-width:1px;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.container{max-width:1000px;padding:0 20px;margin:0 auto;position:relative}@media screen and (max-width: 480px){.container{padding:0}}.go-top-btn{transition:all .3s ease-in-out}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6901960784);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease}.loading-overlay.loaded{opacity:0;pointer-events:none}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid hsla(0,0%,100%,.2);border-top:4px solid #fff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-text{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px}body.web [data-device=mobile]{display:none !important}body.mobile [data-device=web]{display:none !important}@-webkit-keyframes slideFromLeft{0%{-webkit-transform:translateX(-120%);transform:translateX(-120%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideFromLeft{0%{-webkit-transform:translateX(-120%);transform:translateX(-120%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideFromRight{0%{-webkit-transform:translateX(120%);transform:translateX(120%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideFromRight{0%{-webkit-transform:translateX(120%);transform:translateX(120%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.banner{position:relative;width:100%;aspect-ratio:960/533}@media screen and (max-width: 1024px){.banner{aspect-ratio:unset}}#confetti{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}@media screen and (max-width: 1024px){#confetti{display:none}}.logo{position:absolute;top:19px;left:50%;width:12%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.logo img{width:100%;display:block}@media screen and (max-width: 1024px){.logo{display:none}}.bn-bg{width:100%;z-index:-2;position:fixed;inset:0;transition:-webkit-filter .5s ease;transition:filter .5s ease;transition:filter .5s ease, -webkit-filter .5s ease}.bn-bg img{width:100%;display:block}.bn-bg.scroll{-webkit-filter:brightness(0.3) opacity(0.4);filter:brightness(0.3) opacity(0.4)}@media screen and (max-width: 1024px){.bn-bg{position:static}.bn-bg.scroll{-webkit-filter:none;filter:none}}@-webkit-keyframes brightness{0%{-webkit-filter:brightness(0.9);filter:brightness(0.9);-webkit-transform:rotate(-48deg) scale(1);transform:rotate(-48deg) scale(1)}100%{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transform:rotate(-48deg) scale(2);transform:rotate(-48deg) scale(2)}}@keyframes brightness{0%{-webkit-filter:brightness(0.9);filter:brightness(0.9);-webkit-transform:rotate(-48deg) scale(1);transform:rotate(-48deg) scale(1)}100%{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transform:rotate(-48deg) scale(2);transform:rotate(-48deg) scale(2)}}@-webkit-keyframes bright{0%{-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1)}100%{-webkit-filter:brightness(1.5) contrast(1.2);filter:brightness(1.5) contrast(1.2)}}@keyframes bright{0%{-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1)}100%{-webkit-filter:brightness(1.5) contrast(1.2);filter:brightness(1.5) contrast(1.2)}}.peo{width:48%;position:absolute;top:5%;left:0%;z-index:2;-webkit-animation:slideFromLeft 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation:slideFromLeft 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.peo img{width:100%;display:block}.peo::after{content:"";background:url(../images/light.webp);background-size:100% 100%;width:400px;aspect-ratio:40/13;position:absolute;top:8%;left:22%;-webkit-transform:rotate(-48deg);transform:rotate(-48deg);z-index:3;-webkit-animation:brightness 2s infinite alternate;animation:brightness 2s infinite alternate}.peo::before{content:"";background:url(../images/web/BG_2.webp);background-size:100% 100%;width:100%;aspect-ratio:795/622;position:absolute;top:-11%;left:-5%;z-index:-1;-webkit-animation:bright 2s infinite alternate;animation:bright 2s infinite alternate}@media screen and (max-width: 1024px){.peo{display:none}}.ticket{width:78%;position:absolute;top:0%;right:-3%}.ticket img{width:100%;display:block}.bn-title{position:absolute;top:16%;right:3%;width:64%;z-index:3;-webkit-animation:slideFromRight 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation:slideFromRight 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.bn-title img{width:100%;display:block}@-webkit-keyframes shine{0%{background-position:-800px}100%{background-position:800px}}@keyframes shine{0%{background-position:-800px}100%{background-position:800px}}.mask-img{width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(45deg, rgba(0, 0, 0, 0) 45%, #fff, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0));background-size:100%;background-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-image:url(../images/web/title2.webp);mask-image:url(../images/web/title2.webp);mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:3;-webkit-animation:shine 2.5s infinite;animation:shine 2.5s infinite}.bn-date{position:absolute;top:60%;right:16%;font-family:"Anton";font-size:32px;text-align:center;font-weight:normal;letter-spacing:1px}.bn-date .date{background:linear-gradient(90deg, rgba(2, 40, 88, 0) 0%, #022858 14.9%, #022858 50%, #022858 81.25%, rgba(2, 40, 88, 0) 100%);color:#fff;padding:0 10px;line-height:58px}.bn-date .gmt{font-size:24px;margin-top:10px}@media screen and (max-width: 1024px){.bn-date{font-size:22px;color:#fff;width:100%;text-align:center;position:absolute;top:97%;left:0;right:unset}.bn-date .date{line-height:28px;padding:0;background:none}.bn-date .gmt{font-size:19px;margin-top:0}}main{margin-top:-14%;position:relative;z-index:2}@media screen and (max-width: 1024px){main{margin-top:17%}}section{margin-bottom:90px}@media screen and (max-width: 1024px){section{margin-bottom:60px}}.sec-title{font-family:"Oswald";background:linear-gradient(90deg, #5dffdc 0%, #00aeff 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;font-size:35px;text-align:center;font-weight:bold;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 38px}.sec-title::after,.sec-title::before{content:"";aspect-ratio:132/74;width:120px;background:url(../images/web/title_bg.webp);position:absolute;top:50%;left:-30px;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);background-size:100% 100%;opacity:.4}.sec-title::before{position:absolute;top:50%;left:unset;right:-30px;-webkit-transform:scaleX(-1) translate(-100%, -50%);transform:scaleX(-1) translate(-100%, -50%)}@media screen and (max-width: 1024px){.sec-title{font-size:24px}.sec-title::after,.sec-title::before{content:"";aspect-ratio:132/74;width:92px;position:absolute;top:50%;left:-10px}.sec-title::before{position:absolute;top:50%;left:unset;right:-10px;-webkit-transform:scaleX(-1) translate(-100%, -50%);transform:scaleX(-1) translate(-100%, -50%)}}.schedule-card{max-width:400px}.schedule-card.disable .schedule-info{background:url(../images/web/web_date_bg2.webp);background-size:100% 100%}.schedule-card.disable .schedule-info .label{color:#979797}.schedule-card.disable .schedule-info .date{color:#979797;background:none}@media screen and (max-width: 1024px){.schedule-card{max-width:300px}.schedule-card.disable .schedule-info{background:url(../images/mobile/mo_date_bg2.webp);background-size:100% 100%}}.swiper-slide-active .schedule-info{-webkit-filter:brightness(1);filter:brightness(1)}.schedule-week{color:#b4bdff;font-weight:600;font-size:24px;line-height:50px;background:url(../images/web/title_up_bg.webp);background-size:100% 100%;text-align:center;width:207px;margin:0 auto 16px}@media screen and (max-width: 1024px){.schedule-week{font-size:18px;line-height:36px;width:150px;margin:0 auto 0px}}.schedule-info{aspect-ratio:400/228;background:url(../images/web/web_date_bg1.webp);background-size:100% 100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-filter:brightness(0.5);filter:brightness(0.5);transition:-webkit-filter .3s ease-in-out;transition:filter .3s ease-in-out;transition:filter .3s ease-in-out, -webkit-filter .3s ease-in-out}.schedule-info>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.schedule-info .label{color:#a5d2ff;font-weight:400;line-height:36px;font-size:16px}.schedule-info .date{background:linear-gradient(180deg, #ffffff 0%, #ffd000 50%, #ff7b00 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;font-size:42px;line-height:50px;font-family:"Akshar";font-weight:600}@media screen and (max-width: 1024px){.schedule-info{background:url(../images/mobile/mo_date_bg1.webp);aspect-ratio:11/7;background-size:100% 100%}.schedule-info .label{line-height:24px;font-size:14px}.schedule-info .date{font-size:30px;line-height:32px}}.schedule-swiper{width:1200px;margin:0 auto}.schedule-swiper .swiper-progress-bar{width:55%;height:3px;margin:40px auto 0;background-color:hsla(0,0%,100%,.1450980392);border-radius:2px;position:relative}@media screen and (max-width: 1024px){.schedule-swiper .swiper-progress-bar{margin-top:12px}}.schedule-swiper .swiper-progress-bar-fill{height:100%;background:#526fb8;width:0%;transition:width .1s ease-out;border-radius:2px;transition:all .3s ease-in-out}.schedule-swiper .swiper-button-next,.schedule-swiper .swiper-button-prev{width:30px;height:30px;aspect-ratio:1/1;background:#263273;color:hsla(0,0%,100%,.7843137255);z-index:10;transition:all .3s ease-in-out;border-radius:50%;line-height:35px;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;margin-top:0 !important}.schedule-swiper .swiper-button-next::after,.schedule-swiper .swiper-button-prev::after{font-size:10px}@media(hover: hover){.schedule-swiper .swiper-button-next:hover,.schedule-swiper .swiper-button-prev:hover{-webkit-filter:brightness(1.8);filter:brightness(1.8)}}.schedule-swiper .swiper-button-next.swiper-button-disabled,.schedule-swiper .swiper-button-prev.swiper-button-disabled{opacity:.4;cursor:not-allowed}.schedule-swiper .swiper-button-prev{left:-55px}.schedule-swiper .swiper-button-next{right:-55px}@media screen and (max-width: 1024px){.schedule-swiper{width:100%}.schedule-swiper .swiper-button-next,.schedule-swiper .swiper-button-prev{width:36px;height:36px}.schedule-swiper .swiper-button-next::after,.schedule-swiper .swiper-button-prev::after{font-size:18px}.schedule-swiper .swiper-button-prev{left:-45px}.schedule-swiper .swiper-button-next{right:-45px}}.sec-2{position:relative;width:1258px;margin:0 auto 90px;color:#fff;font-size:16px;line-height:35px;font-weight:500}@media screen and (max-width: 1024px){.sec-2{width:100%;margin:0 auto 60px;font-size:14px;line-height:26px}.sec-2::after{display:none}}.sec-2 .sec-title{margin-bottom:110px}@media screen and (max-width: 1024px){.sec-2 .sec-title{margin-bottom:24px}}.sec-2::after{content:"";background:url(../images/web/Bersih.webp);background-size:100% 100%;position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-2;width:1630px;aspect-ratio:1024/489}.sec-2 .info-box{width:700px;background:linear-gradient(180deg, rgba(25, 45, 77, 0.9) 0%, rgba(7, 4, 7, 0.9) 100%);border-radius:48px;padding:36px 58px;text-align:center;margin:0 auto 45px}@media screen and (max-width: 1024px){.sec-2 .info-box{width:92%;padding:20px;border-radius:15px;margin-bottom:0}}.sec-2 .flex-box{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;position:relative}.sec-2 .flex-box .box{position:relative;width:100%;padding:0 26px;text-align:center;aspect-ratio:396/300;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.sec-2 .flex-box .box::after{content:"";background:url(../images/web/text_bg.webp);background-size:100% 100%;width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1}.sec-2 .flex-box::after{content:"";background:url(../images/web/ball_1.webp);width:276px;aspect-ratio:277/324;position:absolute;top:38%;left:unset;right:-190px}.sec-2 .flex-box::before{content:"";background:url(../images/web/ball_2.webp);width:224px;aspect-ratio:225/283;position:absolute;top:-45%;left:-94px}@media screen and (max-width: 1024px){.sec-2 .flex-box{grid-template-columns:1fr;gap:24px;padding:72px 0;margin:0 16px;position:relative}.sec-2 .flex-box::after{content:"";background:url(../images/mobile/title_bg.webp);background-size:100% 100%;width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1;opacity:.4}.sec-2 .flex-box .box{padding:0 30px;aspect-ratio:unset}.sec-2 .flex-box .box::after{display:none}}.sec-2 .info-text{margin-top:32px;text-align:center}@media screen and (max-width: 1024px){.sec-2 .info-text{width:90%;margin:24px auto 0}}.tier{display:grid;gap:30px;place-items:center;margin-bottom:32px}.tier__top{width:min(268px,100%);display:grid;place-items:center}.tier__bottom{width:min(1100px,100%);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:clamp(12px,2vw,24px);list-style:none;padding:0;margin:0}.tier-card{position:relative;width:100%;aspect-ratio:545/657;border-radius:14px;overflow:hidden;background:url(../images/web/bg2.webp);background-size:100% 100%}.tier-card::after{content:"";width:68%;aspect-ratio:187/9;background:url(../images/Line.webp);background-size:100% 100%;position:absolute;top:52%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:.5}.tier-card--big{background-image:url(../images/web/bg1.webp)}.tier-card__rank{position:absolute;top:9%;left:48%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:62px;font-weight:800;background:linear-gradient(90deg, #5dffdc 0%, #00aeff 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;font-family:"Oswald";-webkit-filter:drop-shadow(0 0 20px rgba(0, 255, 251, 0.4509803922));filter:drop-shadow(0 0 20px rgba(0, 255, 251, 0.4509803922))}.mob-tier-card--big{width:95%;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:url(../images/mobile/mo_Peringkat2.webp);background-size:100% 100%;aspect-ratio:350/80}.mob-tier-card--big .box{width:50%}.mob-tier-card--big{text-align:center}.mob-tier-card--big .mob-tier-card__label{color:#a5d2ff;font-size:13px;line-height:24px;font-weight:bold}.mob-tier-card--big .mob-tier-card__hint{color:#a5d2ff;font-size:13px;line-height:20px;font-weight:bold}.mob-tier-card--big .mob-tier-card__rank{font-size:32px;line-height:34px;font-weight:800;background:linear-gradient(90deg, #5dffdc 0%, #00aeff 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;font-family:"Oswald";-webkit-filter:drop-shadow(0 0 5px #000000);filter:drop-shadow(0 0 5px #000000)}.mob-tier-card--big .mob-tier-card__value{font-size:32px;line-height:34px;font-weight:800;background:linear-gradient(180deg, #ffd000 50%, #ff7b00 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;font-family:"Oswald";-webkit-filter:drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7490196078));filter:drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7490196078))}.mob-tier__bottom{background:url(../images/mobile/mo_Peringkat_bg1.webp);background-size:100% 100%;padding:20px 40px;width:95%;margin:0 auto 30px;border-collapse:separate;border-spacing:0 4px}.mob-tier__bottom thead{color:#a5d2ff;font-size:12px;font-family:"Oswald";font-weight:bold}.mob-tier__bottom thead th{height:30px}.mob-tier__bottom tbody{font-family:"Oswald";font-weight:bold;font-size:16px;color:#fff;text-align:center}.mob-tier__bottom tbody tr{background:#25316d;overflow:hidden}.mob-tier__bottom tbody tr:nth-child(odd){border-radius:3px 0 0 3px}.mob-tier__bottom tbody tr:nth-child(even){border-radius:0 3px 3px 0}.mob-tier__bottom tbody td{height:30px}.tier-card__body{position:absolute;left:50%;bottom:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%;text-align:center;color:#fff}.tier-card__label{color:#e1edf9;font-size:16px;font-size:600;line-height:34px;background:linear-gradient(90deg, rgba(12, 20, 31, 0) 0%, #0c141f 50.01%, rgba(12, 20, 31, 0) 100%)}.tier-card__value{margin-top:20px;font-size:40px;line-height:60px;font-weight:800;background:linear-gradient(180deg, #ffffff 0%, #ffd000 50%, #ff7b00 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;-webkit-filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.6));filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.6))}.tier-card__hint{color:#e1edf9;font-size:16px;-webkit-filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.6));filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.6))}.tier-text{color:#9ea6cb;font-weight:400;font-size:14px;width:650px;margin:0 auto;line-height:32px;position:relative}.tier-text::before{content:"";background:url(../images/soccer.svg);background-size:100% 100%;width:13px;aspect-ratio:1/1;position:absolute;top:8px;left:-20px}@media screen and (max-width: 1024px){.tier-text{width:90%;font-size:11px;line-height:15px;padding-left:20px}.tier-text::before{width:10px;position:absolute;top:6px;left:0px}}#confetti{position:fixed;left:0;top:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg, black 0%, black 80%, transparent 100%);mask-image:linear-gradient(180deg, black 0%, black 80%, transparent 100%)}.go-top-btn{width:50px;border-radius:50%;aspect-ratio:1/1;position:fixed;bottom:6vh;right:calc((100% - 1440px)/2);font-size:1.25rem;color:#e8dede;background:linear-gradient(180deg, #d6cebd 0%, #847563 100%);box-shadow:0px 3px 4px rgba(0,0,0,.5450980392);border:1px solid #d1c9b8;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none;z-index:4;overflow:hidden}.go-top-btn::after{content:"";background:#0c002d;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:98%;height:98%;z-index:-1;transition:all .3s ease-in-out}.go-top-btn:hover{cursor:pointer}.go-top-btn:hover::after{background:#3e3c5e}.go-top-btn.active{opacity:1;pointer-events:initial}@media screen and (max-width: 1440px){.go-top-btn{right:10px}}@media screen and (max-width: 1024px){.go-top-btn{bottom:2vh;right:10px;width:45px}}