*,*:after,*:before{margin:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(https://pubgm.intedo.net/theme/images/arka-esa.png);background-size:cover;background-repeat:no-repeat;overflow-x:hidden}img,.pageMain .heroImage{width:100%;height:100%}.pageMain .headerArea{position:relative;margin:25px auto auto;width:max-content;display:flex;flex-direction:column;align-items:center;font-weight:300;background-image:linear-gradient(90deg,#ffb03a 20%,#fda 55%,#ffb03a 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.pageMain .pageTitle{text-align:center;font-weight:800;font-size:42px;line-height:1}.pageMain .pageSubtitle{text-align:center;font-weight:700;font-size:28px;letter-spacing:10px;line-height:1.7}.pageMain .dropboxInfo{color:#bfbfbf;font-weight:800;font-size:12px;position:absolute;left:25px;top:110px;text-align:center;letter-spacing:2px;line-height:1.8}.pageMain .pageInfo{color:#bfbfbf;font-size:11px;position:relative;text-align:center;margin:auto auto 25px;line-height:1.4;font-weight:400;width:50%}.pageButtonWrapper{position:relative;left:0;right:0;margin:auto}.pageButtonWrapper .decoration{position:absolute;border-radius:5px;width:55%;top:-5px;left:0;right:0;margin:auto;height:calc(100% + 10px);background-image:linear-gradient(90deg,#ffb03a 20%,#fda,#ffb03a 80%);z-index:1;transition:.15s ease-in-out}.pageButtonWrapper:hover .decoration{width:75%}.pageButtonWrapper.sm{width:160px}.pageButtonWrapper.lg{width:200px;margin:70px auto}.pageButtonWrapper button[disabled]{border-color:#787878;pointer-events:none;cursor:not-allowed}.pageButtonWrapper button,.pageButtonWrapper a{text-decoration:none;display:block;text-align:center;position:relative;z-index:2;padding:10px 0;width:100%;background-color:#031a29;color:#fff;border:2px solid #ffb03a;box-shadow:inset 0 0 1px 3px #000;cursor:pointer}.pageButtonWrapper.sm button{font-weight:600;font-size:13px}.pageButtonWrapper.lg button,.pageButtonWrapper.lg a{text-decoration:none;font-weight:600;font-size:18px;line-height:1;padding:12px 0 10px}.pageProgressArea{position:relative;width:100%;height:260px;overflow-x:auto;overflow-y:hidden;margin-bottom:25px;display:flex;align-items:end;padding:20px}.pageProgressArea::-webkit-scrollbar{display:none}.pageProgressArea .progressItem{display:flex;align-items:center;position:relative}.pageProgressArea .progressItem .itemInfo{position:absolute;top:-5px;left:0;right:40px;margin:auto;color:#dbdbdb;font-size:14px;letter-spacing:1px;font-weight:500;width:max-content}.pageProgressArea .progressItem .line{position:relative;z-index:1;width:230px;height:17px;background-color:#031a29}.pageProgressArea .progressItem .inLine{display:block;height:100%;transition:width .5s ease-in-out}.pageProgressArea .progressItem.brown .inLine{background-image:linear-gradient(45deg,#6b4212 15%,#a98d6d 55%,#6b4212 80%)}.pageProgressArea .progressItem.gray .inLine{background-image:linear-gradient(45deg,#a09e9d 15%,#dcdcdc 55%,#a09e9d 80%)}.pageProgressArea .progressItem.gold .inLine{background-image:linear-gradient(45deg,#bb9f80 15%,#bcafa1 55%,#bb9f80 80%)}.pageProgressArea .progressItem.orange .inLine{background-image:linear-gradient(45deg,#d8a85a 15%,#d4bd98 55%,#d8a85a 80%)}.pageProgressArea .progressItem.blue .inLine{background-image:linear-gradient(45deg,#0a588b 15%,#0fc4c4 55%,#0a588b 80%)}.pageProgressArea .progressItem .itemMain{width:60px;height:60px;padding:5px;position:relative;z-index:5}.pageProgressArea .progressItem .itemMain .giftArea{visibility:hidden;position:absolute;top:-100px;color:#fff;z-index:0;opacity:0;width:240px;left:-45px;display:flex;flex-direction:column;align-items:center;padding:80px 20px 20px;border-radius:15px;transition:.15s ease-in-out;text-shadow:0px 4px 3px rgba(0,0,0,.4),0px 8px 13px rgba(0,0,0,.1),0px 18px 23px rgba(0,0,0,.1)}.pageProgressArea .progressItem .itemMain:hover .giftArea{top:-170px;z-index:5;opacity:1;visibility:visible}.pageProgressArea .progressItem .itemMain .giftArea .areaImage{width:100%;height:auto;background-color:transparent;position:absolute;top:-60px;left:0}.pageProgressArea .progressItem .itemMain .giftArea .areaTitle{font-size:28px;font-weight:600}.pageProgressArea .progressItem .itemMain .giftArea .areaSubtitle{font-size:11px;font-weight:400}.pageProgressArea .progressItem.brown .itemMain .giftArea{background-image:linear-gradient(90deg,#6b4212 15%,#a98d6d 55%,#6b4212 80%)}.pageProgressArea .progressItem .itemMain .mainLogo{width:100%;height:100%;position:relative;z-index:2}.pageProgressArea .progressItem .mainDecoration{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(45deg);padding:2px;z-index:1}.pageProgressArea .progressItem.brown .mainDecoration{background-image:linear-gradient(45deg,#6b4212 15%,#a98d6d 55%,#6b4212 80%)}.pageProgressArea .progressItem.gray .mainDecoration{background-image:linear-gradient(45deg,#a09e9d 15%,#dcdcdc 55%,#a09e9d 80%)}.pageProgressArea .progressItem.gold .mainDecoration{background-image:linear-gradient(45deg,#bb9f80 15%,#bcafa1 55%,#bb9f80 80%)}.pageProgressArea .progressItem.orange .mainDecoration{background-image:linear-gradient(45deg,#d8a85a 15%,#d4bd98 55%,#d8a85a 80%)}.pageProgressArea .progressItem.blue .mainDecoration{background-image:linear-gradient(45deg,#0a588b 15%,#0fc4c4 55%,#0a588b 80%)}.pageProgressArea .progressItem .mainDecoration:after{content:"";position:absolute;width:calc(100% + 10px);height:calc(100% + 10px);background-color:transparent;top:-5px;left:-5px}.pageProgressArea .progressItem.brown .mainDecoration:after{border:1px solid #6b4212}.pageProgressArea .progressItem.gray .mainDecoration:after{border:1px solid #a09e9d}.pageProgressArea .progressItem.gold .mainDecoration:after{border:1px solid #bb9f80}.pageProgressArea .progressItem.orange .mainDecoration:after{border:1px solid #d8a85a}.pageProgressArea .progressItem.blue .mainDecoration:after{border:1px solid #0a588b}.pageList{position:absolute;width:max-content;left:15px;padding-bottom:15px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.pageList .listItem{background-color:#383a40;width:100%;color:#fff;padding:8px 15px 8px 25px;font-size:12px;font-weight:500}.badgeArea{width:300px;height:auto}.pageBottomInfo{position:relative;text-align:center;margin:auto;color:#fff;font-size:10px;line-height:1.5;width:50%}.storeArea{position:relative;margin:20px auto auto;display:flex;align-items:center;gap:10px;width:max-content}.storeArea .storeItem{display:block;width:135px;height:auto}.socialMediaArea{position:relative;width:max-content;display:flex;align-items:center;gap:10px;margin:15px auto 65px}.socialMediaArea .socialItem{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:#ffffff40;padding:5px}@media (min-width: 1366px){.pageProgressArea{top:17%}}@media (max-width: 1024px){body{background-image:url(https://pubgm.intedo.net/theme/images/tablet-bg.png)}.pageMain{display:grid}.pageMain .dropboxInfo{left:0;right:0;margin:auto;width:max-content;position:relative}.headerArea{margin-bottom:30px}.pageMain .pageInfo{width:unset}.pageBottomInfo{width:85%}.pageList{left:0;right:0;margin:auto;position:relative}.headerArea{order:1}.pageInfo{order:2}.pageButtonWrapper.sm{order:3;bottom:-50px}.pageProgressArea{order:4;top:-50px}.dropboxInfo{order:7;top:-140px!important}.pageButtonWrapper.lg{order:5;top:-110px}.pageList{order:7;margin-top:30%}.pageBottomInfo{margin:45px auto;order:8}.storeArea{order:9}.socialMediaArea{order:10}.badgeArea{display:none}.badgeArea.xs{display:block!important;order:11;margin:25px auto}.appGallery{position:relative!important;left:0!important;margin:10px auto;right:0}}@media (max-width: 560px){body{background-image:url(https://pubgm.intedo.net/theme/images/mobile-bg.png)!important}.pageMain .dropboxInfo{left:0;right:0;margin:auto;width:max-content;top:-200px!important}.pageMain .headerArea{margin-top:20px;max-width:100%}.pageMain .pageTitle{font-size:30px!important}.pageMain .pageInfo{width:100%;padding:0 30px}.pageButtonWrapper.sm{bottom:0}.pageProgressArea{top:-110px}.pageButtonWrapper.lg{top:-170px}.pageBottomInfo{width:85%;margin:40px auto}.pageList{left:0;right:0;margin:170px auto auto;width:90%!important}.badgeArea{margin:auto;width:max-content}.badgeArea.xs{display:block!important;order:11;margin:25px auto;width:90%}.appGallery{position:relative;left:0;margin:10px auto;right:0}}