input.tn-ng-nhp,
input.mt-khu,
input.tn-ng-nhp-1,
input.mt-khu-1 {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  caret-color: #fff;
}

.index .eye-toggle-pc {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 70px;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  z-index: 100;
}
.index .eye-toggle-pc svg {
  height: 100%;
  opacity: 0.35;
  width: 100%;
}
.index .frame-51 {
  position: relative;
}

.hitclub-aff-mobile-mainsite .eye-toggle-mb-mobile {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 70px;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  z-index: 100;
}
.hitclub-aff-mobile-mainsite .eye-toggle-mb-mobile svg {
  height: 100%;
  opacity: 0.35;
  width: 100%;
}
.hitclub-aff-mobile-mainsite .frame-51-1 {
  position: relative;
}

/* screen - hitclub-aff-mobile-mainsite */

.hitclub-aff-mobile-mainsite {
  background-color: var(--black);
  min-height: 7817px;
  min-width: 1464px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.hitclub-aff-mobile-mainsite .layer-2sssxs-1-1 {
  aspect-ratio: 1.34;
  height: 1312px;
  left: 0;
  position: absolute;
  top: 6505px;
  width: 1464px;
}

.hitclub-aff-mobile-mainsite .layer-2sssxs-2 {
  aspect-ratio: 2.13;
  height: 2131px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1464px;
}

.hitclub-aff-mobile-mainsite .group-1qw1111-1-1 {
  aspect-ratio: 1.09;
  height: 1397px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1980px;
  width: 1464px;
}

.hitclub-aff-mobile-mainsite .anh-man-hinh-2026-07-1 {
  left: 367px;
  top: 2821px;
}

.hitclub-aff-mobile-mainsite .anh-man-hinh-2026-07-2 {
  left: -967px;
  top: 2615px;
}

.hitclub-aff-mobile-mainsite .frame-1707479466 {
  background-color: #080000;
  display: flex;
  flex-direction: column;
  height: 457px;
  left: -451px;
  overflow: hidden;
  position: absolute;
  top: 7360px;
  width: 2345px;
}

.hitclub-aff-mobile-mainsite .ngn-hng-h-tr {
  align-self: center;
  color: #d9d9d9;
  font-family: var(--font-family-inter);
  font-size: 43.6px;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0;
  line-height: 65.4px;
  margin-left: 0.2px;
  margin-top: 33.5px;
  white-space: nowrap;
  width: 450px;
}

.hitclub-aff-mobile-mainsite .group-2 {
  height: 158.76px;
  margin-left: 451.3px;
  margin-top: 22.5px;
  width: 1464px;
}

.hitclub-aff-mobile-mainsite .frame-1707479464 {
  height: 120px;
  margin-left: 0;
  margin-top: 30.3px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.hitclub-aff-mobile-mainsite .slider-container6 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  min-width: 0;
}

.hitclub-aff-mobile-mainsite .slider-wrapper6 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.hitclub-aff-mobile-mainsite .slider-slide6 {
  width: calc(100% / 9);
  flex: none;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hitclub-aff-mobile-mainsite .slider-slide6 img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  display: block;
}

.hitclub-aff-mobile-mainsite .slider-btn6 {
  display: none;
}

.hitclub-aff-mobile-mainsite .slider-dots6 {
  display: none;
}

.hitclub-aff-mobile-mainsite .image-1232 {
  aspect-ratio: 2.25;
  margin-left: -6840.74px;
  margin-top: -15209.05px;
  width: 140.97px;
}

.hitclub-aff-mobile-mainsite .image-1231 {
  aspect-ratio: 1.55;
  margin-left: -6662.96px;
  margin-top: -15209.05px;
  width: 97.11px;
}

.hitclub-aff-mobile-mainsite .image-1230 {
  aspect-ratio: 2.5;
  margin-left: -6529.04px;
  margin-top: -15209.05px;
  width: 156.63px;
}

.hitclub-aff-mobile-mainsite .image-1229 {
  aspect-ratio: 2.49;
  width: 143.72px;
}

.hitclub-aff-mobile-mainsite .image-12 {
  aspect-ratio: 2.9;
  object-fit: cover;
  width: 181.69px;
}

.hitclub-aff-mobile-mainsite .image-1217 {
  aspect-ratio: 2.26;
  width: 141.75px;
}

.hitclub-aff-mobile-mainsite .image-1221 {
  aspect-ratio: 2.6;
  width: 162.9px;
}

.hitclub-aff-mobile-mainsite .image-1222 {
  aspect-ratio: 2.25;
  width: 31.19px;
}

.hitclub-aff-mobile-mainsite .image-1223 {
  aspect-ratio: 2.27;
  margin-left: -4712.89px;
  margin-top: -15209.05px;
  width: 142.54px;
}

.hitclub-aff-mobile-mainsite .image-1224 {
  aspect-ratio: 2.35;
  margin-left: -4533.55px;
  margin-top: -15209.05px;
  width: 147.23px;
}

.hitclub-aff-mobile-mainsite .image-1226 {
  aspect-ratio: 2.19;
  margin-left: -4131.00px;
  margin-top: -15209.05px;
  width: 137.05px;
}

.hitclub-aff-mobile-mainsite .image-1227 {
  aspect-ratio: 2.39;
  margin-left: -3957.14px;
  margin-top: -15209.05px;
  width: 149.58px;
}

.hitclub-aff-mobile-mainsite .copyright-hitclub {
  align-items: center;
  align-self: center;
  color: var(--white400);
  display: flex;
  font-family: var(--font-family-open_sans);
  font-size: 26.9px;
  font-weight: 400;
  height: 81px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 40.4px;
  margin-left: 0.9px;
  margin-top: 22.3px;
  text-align: center;
  width: 647.72px;
}

.hitclub-aff-mobile-mainsite .hitclubasasas-1-1 {
  aspect-ratio: 1.12;
  height: 370px;
  left: 525px;
  object-fit: cover;
  position: absolute;
  top: 31px;
  width: 413px;
}

.hitclub-aff-mobile-mainsite .group-2085662927-1 {
  display: flex;
  height: 1072px;
  left: -91px;
  position: absolute;
  top: 645px;
  width: 1646px;
}

.hitclub-aff-mobile-mainsite .frame-1707479997-1 {
  height: 1072.19px;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  width: 1646px;
}

.hitclub-aff-mobile-mainsite .dang-ky-go-1 {
  height: 1072px;
  left: 91px;
  position: absolute;
  top: 0;
  width: 1464px;
}

.hitclub-aff-mobile-mainsite .ng-nhp-1 {
  height: 93px;
  left: 549px;
  position: absolute;
  top: 156px;
  width: 546px;
}

.hitclub-aff-mobile-mainsite .group-784-1 {
  display: flex;
  flex-direction: column;
  gap: 51.6px;
  height: 470px;
  left: 274px;
  position: absolute;
  top: 340px;
  width: 1097px;
}

.hitclub-aff-mobile-mainsite .frame-50-1 {
  background: linear-gradient(180deg, #2e2e2e 0%, #010000 10%, #100900 40%, #1b1000 75%, #201100 95%, #5c4834 100%);
  border-radius: 160.8px;
  display: flex;
  gap: 56px;
  height: 209.04px;
  margin-left: 0;
  margin-top: 0;
  width: 1097.01px;
}

.hitclub-aff-mobile-mainsite .user-1-1 {
  aspect-ratio: 1;
  height: 84.07px;
  margin-left: 56.1px;
  margin-top: 63.1px;
  width: 84.07px;
}

.hitclub-aff-mobile-mainsite .tn-ng-nhp-1 {
  color: var(--peach);
  font-family: var(--font-family-sf_pro-medium);
  font-size: 64.3px;
  font-weight: 500;
  height: 85px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 62.3px;
  opacity: 0.35;
  white-space: nowrap;
  width: 800px;
}

.hitclub-aff-mobile-mainsite .frame-51-1 {
  background: linear-gradient(180deg, #2e2e2e 0%, #010000 10%, #100900 40%, #1b1000 75%, #201100 95%, #5c4834 100%);
  border-radius: 160.8px;
  display: flex;
  gap: 50.7px;
  height: 209.04px;
  margin-left: 0;
  width: 1097.01px;
}

.hitclub-aff-mobile-mainsite .lock-2-1-1 {
  aspect-ratio: 1;
  height: 89.46px;
  margin-left: 56.1px;
  margin-top: 63.1px;
  opacity: 0.35;
  width: 89.46px;
}

.hitclub-aff-mobile-mainsite .group-3 {
  height: 91.67%;
  left: 8.34%;
  position: relative;
  top: 4.17%;
  width: 83.33%;
}

.hitclub-aff-mobile-mainsite .vector-32 {
  height: 40.91%;
  left: 25.01%;
  position: absolute;
  top: 0;
  width: 50.00%;
}

.hitclub-aff-mobile-mainsite .vector-33 {
  height: 63.64%;
  left: 0;
  position: absolute;
  top: 36.36%;
  width: 100.00%;
}

.hitclub-aff-mobile-mainsite .mt-khu-1 {
  color: var(--peach);
  font-family: var(--font-family-sf_pro-medium);
  font-size: 64.3px;
  font-weight: 500;
  height: 85px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 62.3px;
  opacity: 0.35;
  white-space: nowrap;
  width: 750px;
}

.hitclub-aff-mobile-mainsite .choi-ngaysddsds-1-1 {
  aspect-ratio: 2.89;
  height: 327px;
  left: 383px;
  object-fit: cover;
  position: absolute;
  top: 779px;
  width: 943px;
  animation: zoomInOut 2s ease-in-out infinite;
}

.hitclub-aff-mobile-mainsite .tranh-hung-inh-ca-od-1-1 {
  aspect-ratio: 4.84;
  height: 273px;
  left: 70px;
  object-fit: cover;
  position: absolute;
  top: 443px;
  width: 1323px;
}

.hitclub-aff-mobile-mainsite .anh-man-hinh-2026-07-12-luc-045131-1 {
  aspect-ratio: 0.56;
  background-color: var(--black);
  border: 4px solid;
  border-color: #ea872a;
  border-radius: 70px;
  height: 2072px;
  left: 147px;
  overflow: hidden;
  position: absolute;
  top: 2965px;
  width: 1164px;
}

.hitclub-aff-mobile-mainsite .anh-man-hinh-2026-07-12-luc-045131-1 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.mute-toggle {
  align-items: center;
  background: rgba(0,0,0,0.5);
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: background 0.2s;
  width: 48px;
  z-index: 10;
}
.mute-toggle:hover {
  background: rgba(0,0,0,0.7);
}

.hitclub-aff-mobile-mainsite .group-3sdwswswsw-1-1 {
  aspect-ratio: 1.1;
  height: 1193px;
  left: 58px;
  position: absolute;
  top: 5091px;
  width: 1308px;
}

.hitclub-aff-mobile-mainsite .asean-cup-2026-khng-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 555px;
  left: 89px;
  letter-spacing: 0;
  line-height: 71.3px;
  position: absolute;
  text-align: justify;
  top: 6676px;
  width: 1285px;
}

.hitclub-aff-mobile-mainsite .lus-figo-cho-n-asean-cup-2026-1 {
  align-items: center;
  display: flex;
  height: 459px;
  left: 89px;
  letter-spacing: 0;
  line-height: 153.4px;
  position: absolute;
  top: 6269px;
  width: 1182px;
}

.hitclub-aff-mobile-mainsite .video {
  align-items: center;
  display: flex;
  height: 153px;
  justify-content: center;
  left: 138px;
  letter-spacing: 0;
  line-height: 153.4px;
  position: absolute;
  text-align: center;
  top: 3793px;
  width: 1182px;
}

.hitclub-aff-mobile-mainsite .httpsdrivegoogle-1 {
  height: 180px;
  left: 138px;
  letter-spacing: 0;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 3976px;
  width: 1182px;
}

.hitclub-aff-mobile-mainsite .span0-1 {
  text-decoration: underline;
}

.hitclub-aff-mobile-mainsite .group-2085662929-1 {
  display: flex;
  flex-direction: column;
  gap: 13.1px;
  height: 200px;
  left: 103px;
  position: absolute;
  top: 1798px;
  width: 1251px;
}

.hitclub-aff-mobile-mainsite .group-1000004188-1 {
  display: flex;
  height: 79.04px;
  margin-left: 168.7px;
  margin-top: 0;
  width: 950.15px;
}

.hitclub-aff-mobile-mainsite .ci-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 52.4px;
  font-weight: 700;
  height: 77px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-top: 2.0px;
  text-shadow: 0px 4.07px 15.08px #000000a8;
  width: 96px;
}

.hitclub-aff-mobile-mainsite .image-9-1 {
  aspect-ratio: 3.41;
  height: 70.92px;
  margin-left: 24.4px;
  margin-top: 6.1px;
  object-fit: cover;
  width: 241.69px;
}

.hitclub-aff-mobile-mainsite .ri-truy-cp-hitclub-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 52.4px;
  font-weight: 700;
  height: 77px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 24.1px;
  margin-top: 0;
  text-shadow: 0px 4.07px 15.08px #000000a8;
  width: 560px;
}

.hitclub-aff-mobile-mainsite .h-thng-s-t-ng-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 108px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  text-align: center;
  text-shadow: 0px 3.09px 11.42px #000000a8;
  width: 1249.2px;
}

.hitclub-aff-mobile-mainsite .anh-man-hinh-2026-07 {
  aspect-ratio: 0.99;
  height: 2061px;
  object-fit: cover;
  position: absolute;
  width: 2049px;
}

.hitclub-aff-mobile-mainsite .image {
  height: 62.65px;
  position: relative;
}
/* screen - index */

.index {
  background-color: var(--black);
  min-height: 4773px;
  min-width: 3595px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .layer-2sssxs-1 {
  aspect-ratio: 0.91;
  height: 3879px;
  left: 0;
  position: absolute;
  top: 0;
  width: 3595px;
}

.index .anh-man-hinh-2026-07 {
  aspect-ratio: 0.99;
  height: 2041px;
  left: 2393px;
  object-fit: cover;
  position: absolute;
  top: -334px;
  width: 2029px;
}

.index .group-1qw1111-1 {
  aspect-ratio: 1.09;
  height: 1755px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 138px;
  width: 1920px;
}

.index .frame-103729 {
  background-color: #061b0c70;
  height: 821px;
  left: -453px;
  position: absolute;
  top: 3879px;
  width: 4468px;
}

.index .line-6 {
  height: 1px;
  left: 790px;
  position: absolute;
  top: 347px;
  width: 2893px;
}

.index .group-103741 {
  height: 9.22%;
  left: 44.73%;
  position: absolute;
  top: 85.37%;
  width: 37.75%;
}

.index .phng-thc-thanh-ton {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 72.38%;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 13.57%;
  width: 29.23%;
}

.index .frame-103727 {
  align-items: center;
  display: flex;
  gap: 51.27px;
  height: 76px;
  left: 544px;
  position: absolute;
  top: 1px;
  width: 1140px;
}

.index .image-31333815 {
  height: 53.72px;
  object-fit: cover;
  position: relative;
  width: 200.21px;
}

.index .image {
  height: 39.07px;
  object-fit: cover;
  position: relative;
  width: 146.5px;
}

.index .image-1 {
  height: 46.39px;
  position: relative;
  width: 178.24px;
}

.index .image-2 {
  height: 75.69px;
  position: relative;
  width: 63.48px;
}

.index .image-3 {
  height: 75.69px;
  position: relative;
  width: 100.11px;
}

.index .image-4 {
  height: 53.72px;
  object-fit: cover;
  position: relative;
  width: 195.33px;
}

.index .group-103742 {
  height: 5.85%;
  left: 17.69%;
  position: absolute;
  top: 86.73%;
  width: 17.29%;
}

.index .x2026-hitclub-all-rights-reserved {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 100%;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 99.74%;
}

.index .frame-1707479994 {
  left: 790px;
  overflow: hidden;
  position: absolute;
  top: 72px;
  width: 2893px;
  height: 90px;
}

.index .slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index .slider-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.index .slider-slide {
  min-width: calc(100% / 26);
  height: 100%;
  box-sizing: border-box;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index .slider-slide img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  display: block;
}

.index .slider-btn {
  display: none;
}

.index .slider-dots {
  display: none;
}

.index .bank-circle {
  height: 57.1px;
  position: relative;
  width: 57.1px;
}

.index .bank-circle-2 {
  width: 57.1px;
}

.index .bank-circle-3 {
  width: 38.07px;
}

.index .bank-circle-4 {
  margin-left: -411.93px;
  margin-top: -11489.00px;
  width: 57.1px;
}

.index .bank-circle-5 {
  margin-left: -297.73px;
  margin-top: -11489.00px;
  width: 57.1px;
}

.index .bank-circle-6 {
  margin-left: -183.53px;
  margin-top: -11489.00px;
  width: 57.1px;
}

.index .bank-circle-7 {
  margin-left: -69.34px;
  margin-top: -11489.00px;
  width: 57.1px;
}

.index .bank-circle-1 {
  margin-top: -11489.00px;
  width: 57.1px;
}

.index .frame-1707479995 {
  left: 801px;
  overflow: hidden;
  position: absolute;
  top: 191px;
  width: 2893px;
  height: 100px;
}

.index .slider-container2 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index .slider-wrapper2 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.index .slider-slide2 {
  min-width: calc(100% / 9);
  height: 100%;
  box-sizing: border-box;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index .slider-slide2 img {
  width: 91%;
  height: 91%;
  object-fit: contain;
  display: block;
}

.index .slider-btn2 {
  display: none;
}

.index .slider-dots2 {
  display: none;
}

.index .provider-brand-neutral {
  height: 95.16px;
  position: relative;
  width: 275.98px;
}

.index .vector {
  height: 86px;
  left: calc(50.00% - 138px);
  position: absolute;
  top: calc(50.00% - 42px);
  width: 273px;
}

.index .vector-1 {
  height: 45px;
  left: 9px;
  position: absolute;
  top: 26px;
  width: 256px;
}

.index .vector-2 {
  height: 51px;
  left: 8px;
  position: absolute;
  top: 21px;
  width: 257px;
}

.index .vector-3 {
  height: 67px;
  left: calc(50.00% - 130px);
  position: absolute;
  top: 14px;
  width: 257px;
}

.index .vector-4 {
  height: 75.13%;
  left: 3.02%;
  position: absolute;
  top: 12.50%;
  width: 93.10%;
}

.index .vector-5 {
  height: 85.26%;
  left: 9.59%;
  position: absolute;
  top: 7.37%;
  width: 79.95%;
}

.index .vector-6 {
  height: 86px;
  left: calc(50.00% - 134px);
  position: absolute;
  top: calc(50.00% - 42px);
  width: 266px;
}

.index .vector-7 {
  height: 72px;
  left: 8px;
  position: absolute;
  top: 12px;
  width: 257px;
}

.index .group-1707478330 {
  height: 86px;
  left: 58px;
  position: absolute;
  top: 5px;
  width: 159px;
}

.index .provider-brand-neutral-1 {
  height: 95.16px;
  overflow: hidden;
  position: relative;
  width: 275.98px;
}

.index .vector-8 {
  height: 71px;
  left: calc(50.00% - 6519px);
  position: absolute;
  top: calc(50.00% - 11643px);
  width: 257px;
}

.index .vector-9 {
  height: 51.79%;
  left: -2432.99%;
  position: absolute;
  top: -12172.64%;
  width: 93.10%;
}

.index .vector-10 {
  height: 86px;
  left: -7033px;
  position: absolute;
  top: -11603px;
  width: 228px;
}

.index .vector-11 {
  height: 90.00%;
  left: -2669.19%;
  position: absolute;
  top: -12192.64%;
  width: 81.98%;
}

.index .group-1707478331 {
  height: 78.61%;
  left: 3.02%;
  position: relative;
  top: 10.00%;
  width: 93.10%;
}

.index .vector-12 {
  height: 38.89%;
  left: -2972.18%;
  position: absolute;
  top: -15486.49%;
  width: 66.84%;
}

.index .vector-13 {
  height: 100%;
  left: -3005.34%;
  position: absolute;
  top: -15517.05%;
  width: 29.11%;
}

.index .vector-14 {
  height: 66px;
  left: -7998px;
  position: absolute;
  top: -11594px;
  width: 161px;
}

.index .provider-brand-neutral-1-item {
  height: 88.79%;
  left: -3018.58%;
  position: absolute;
  top: -12192.09%;
  width: 56.67%;
}

.index .group-2085662931 {
  height: 89.95%;
  left: -3144.23%;
  position: absolute;
  top: -12192.61%;
  width: 64.50%;
}

.index .mask-group {
  height: 86px;
  left: -8677px;
  position: absolute;
  top: -11603px;
  width: 178px;
}

.index .vector-15 {
  height: 58px;
  left: calc(50.00% - 9183px);
  position: absolute;
  top: calc(50.00% - 11637px);
  width: 256px;
}

.index .provider-brand-neutral-1-item-1 {
  height: 90.13%;
  left: -3377.39%;
  position: absolute;
  top: -12193.39%;
  width: 46.49%;
}

.index .group-1707478954 {
  height: 95.23%;
  left: -3499.58%;
  position: absolute;
  top: -12196.49%;
  width: 54.06%;
}

.index .image-31333957 {
  height: 115px;
  left: -10017px;
  position: absolute;
  top: -11617px;
  width: 203px;
}

.index .group-1707478413 {
  height: 87.50%;
  left: -3747.64%;
  position: absolute;
  top: -12192.64%;
  width: 66.71%;
}

.index .xe7-siax8q-1 {
  height: 95px;
  left: calc(50.00% - 10791px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 11654px);
  width: 141px;
}

.index .provider-brand-neutral-1-item-2 {
  height: 88px;
  left: calc(50.00% - 11168px);
  position: absolute;
  top: calc(50.00% - 11650px);
  width: 230px;
}

.index .vector-16 {
  height: 85px;
  left: -11348px;
  position: absolute;
  top: -11602px;
  width: 200px;
}

.index .vector-17 {
  height: 78px;
  left: calc(50.00% - 11849px);
  position: absolute;
  top: calc(50.00% - 11645px);
  width: 257px;
}

.index .vector-18 {
  height: 85px;
  left: calc(50.00% - 12157px);
  position: absolute;
  top: -11602px;
  width: 208px;
}

.index .vector-19 {
  height: 53px;
  left: calc(50.00% - 12523px);
  position: absolute;
  top: calc(50.00% - 11634px);
  width: 276px;
}

.index .union {
  height: 67px;
  left: calc(50.00% - 12853px);
  position: absolute;
  top: -11593px;
  width: 269px;
}

.index .vector-20 {
  height: 44px;
  left: calc(50.00% - 13188px);
  position: absolute;
  top: calc(50.00% - 11628px);
  width: 273px;
}

.index .vector-21 {
  height: 59px;
  left: calc(50.00% - 13517px);
  position: absolute;
  top: calc(50.00% - 11636px);
  width: 265px;
}

.index .vector-22 {
  height: 85px;
  left: calc(50.00% - 13803px);
  position: absolute;
  top: calc(50.00% - 11650px);
  width: 171px;
}

.index .vector-23 {
  height: 49px;
  left: -14052px;
  position: absolute;
  top: calc(50.00% - 11631px);
  width: 277px;
}

.index .group-1707478293 {
  height: 71px;
  left: -14368px;
  position: absolute;
  top: -11596px;
  width: 242px;
}

.index .vector-24 {
  height: 80px;
  left: calc(50.00% - 14821px);
  position: absolute;
  top: calc(50.00% - 11647px);
  width: 208px;
}

.index .vector-25 {
  height: 73px;
  left: calc(50.00% - 15156px);
  position: absolute;
  top: calc(50.00% - 11643px);
  width: 210px;
}

.index .vector-26 {
  height: 60px;
  left: calc(50.00% - 15515px);
  position: absolute;
  top: calc(50.00% - 11636px);
  width: 265px;
}

.index .vector-27 {
  height: 79px;
  left: calc(50.00% - 15826px);
  position: absolute;
  top: calc(50.00% - 11647px);
  width: 218px;
}

.index .vector-28 {
  height: 85px;
  left: calc(50.00% - 16169px);
  position: absolute;
  top: calc(50.00% - 11650px);
  width: 240px;
}

.index .vector-29 {
  height: 51.77%;
  left: -5935.08%;
  position: absolute;
  top: -12172.98%;
  width: 97.20%;
}

.index .layer_1 {
  background-image: url(../img/image-31333957@2x.webp);
  background-size: 100% 100%;
  height: 62.50%;
  left: 3.41%;
  position: relative;
  top: 18.06%;
  width: 92.23%;
}

.index .group {
  height: 48.92%;
  left: -6176.85%;
  position: absolute;
  top: -12172.64%;
  width: 98.08%;
}

.index .mask-group-1 {
  height: 47px;
  left: -17047px;
  position: absolute;
  top: -11584px;
  width: 271px;
}

.index .layer_1-1 {
  height: 79.70%;
  left: -6292.23%;
  position: absolute;
  top: -12186.44%;
  width: 88.04%;
}

.index .isolation_-mode {
  height: 67.55%;
  overflow: hidden;
  position: relative;
  top: 16.80%;
  width: 96.55%;
}

.index .yggdrasil {
  height: 37.27%;
  left: -6620.80%;
  position: absolute;
  top: -18053.26%;
  width: 71.24%;
}

.index .ygg_symbol {
  height: 100.00%;
  left: -6649.56%;
  position: absolute;
  top: -18081.29%;
  width: 24.18%;
}

.index .group_666 {
  height: 59px;
  left: -18010px;
  position: absolute;
  top: -11590px;
  width: 200px;
}

.index .group-1707478328 {
  height: 81px;
  left: -18367px;
  position: absolute;
  top: -11601px;
  width: 247px;
}

.index .hitclubasasas-2 {
  height: 187px;
  left: 2166px;
  top: 362px;
  width: 208px;
}

.index .khm-ph-nn-tng-gi {
  align-items: center;
  color: #afbbb7;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxs);
  font-weight: 400;
  height: 89px;
  justify-content: center;
  left: 1108px;
  letter-spacing: 0;
  line-height: 44.5px;
  position: absolute;
  text-align: center;
  top: 563px;
  width: 2253px;
}

.index .group-2085662927 {
  display: flex;
  height: 1088px;
  left: 1673px;
  position: absolute;
  top: 367px;
  width: 1671px;
}

.index .frame-1707479997 {
  background-image: url(../img/dang-ky-go-1.webp);
  background-size: 100% 100%;
  height: 1088.17px;
  margin-left: 0;
  position: relative;
  width: 1670.53px;
}

.index .ng-nhp {
  height: 94px;
  left: 557px;
  position: absolute;
  top: 159px;
  width: 555px;
}

.index .group-784 {
  display: flex;
  flex-direction: column;
  gap: 52.4px;
  height: 477px;
  left: 278px;
  position: absolute;
  top: 345px;
  width: 1113px;
}

.index .frame-50 {
  background: linear-gradient(180deg, #2e2e2e 0%, #010000 10%, #100900 40%, #1b1000 75%, #201100 95%, #5c4834 100%);
  border-radius: 163.19px;
  display: flex;
  gap: 56.9px;
  height: 212.15px;
  margin-left: 0;
  margin-top: 0;
  width: 1113.36px;
}

.index .user-1 {
  aspect-ratio: 1;
  height: 85.33px;
  margin-left: 56.9px;
  margin-top: 64.0px;
  width: 85.33px;
}

.index .tn-ng-nhp {
  color: var(--peach);
  font-family: var(--font-family-sf_pro-medium);
  font-size: 65.3px;
  font-weight: 500;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 63.6px;
  opacity: 0.35;
  white-space: nowrap;
  width: 850px;
}

.index .frame-51 {
  background: linear-gradient(180deg, #2e2e2e 0%, #010000 10%, #100900 40%, #1b1000 75%, #201100 95%, #5c4834 100%);
  border-radius: 163.19px;
  display: flex;
  gap: 51.4px;
  height: 212.15px;
  margin-left: 0;
  width: 1113.36px;
}

.index .lock-2-1 {
  aspect-ratio: 1;
  height: 90.79px;
  margin-left: 56.9px;
  margin-top: 64.0px;
  opacity: 0.35;
  width: 90.79px;
}

.index .group-1 {
  height: 91.67%;
  left: 8.34%;
  position: relative;
  top: 4.17%;
  width: 83.33%;
}

.index .vector-30 {
  height: 40.91%;
  left: 25.01%;
  position: absolute;
  top: 0;
  width: 50.00%;
}

.index .vector-31 {
  height: 63.64%;
  left: 0;
  position: absolute;
  top: 36.36%;
  width: 100.00%;
}

.index .mt-khu {
  color: var(--peach);
  font-family: var(--font-family-sf_pro-medium);
  font-size: 65.3px;
  font-weight: 500;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 63.5px;
  opacity: 0.35;
  white-space: nowrap;
  width: 800px;
}

.index .choi-ngaysddsds-1 {
  aspect-ratio: 2.89;
  height: 332px;
  left: 388px;
  object-fit: cover;
  position: absolute;
  top: 790px;
  width: 958px;
  animation: zoomInOut 2s ease-in-out infinite;
}

@keyframes zoomInOut {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

.index .tranh-hung-inh-ca-od-1 {
  aspect-ratio: 4.84;
  height: 273px;
  left: 327px;
  object-fit: cover;
  position: absolute;
  top: 1434px;
  width: 1323px;
}

.index .hitclubasasas-1 {
  height: 414px;
  left: 2310px;
  top: 28px;
  width: 463px;
}

.index .hitclubasasas-2-1 {
  aspect-ratio: 1.12;
  height: 326px;
  left: 2417px;
  object-fit: cover;
  position: absolute;
  top: 3213px;
  width: 364px;
}

.index .group-3sdwswswsw-1 {
  aspect-ratio: 1.1;
  height: 1193px;
  left: 2087px;
  position: absolute;
  top: 1818px;
  width: 1308px;
}

.index .anh-man-hinh-2026-03-24-luc-210259-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(180deg, rgba(255, 211, 102, 1) 0%, rgba(147, 65, 0, 1) 100%);
  border-radius: 41.36px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 5.04px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .anh-man-hinh-2026-03-24-luc-210259-1 {
  aspect-ratio: 1.79;
  background-color: var(--black);
  border: none;
  border-radius: 41.36px;
  height: 1065px;
  left: 331px;
  overflow: hidden;
  position: absolute;
  top: 1906px;
  width: 1895px;
}

.index .anh-man-hinh-2026-03-24-luc-210259-1 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.index .title {
  align-items: center;
  display: flex;
  height: 153px;
  justify-content: center;
  left: 640px;
  letter-spacing: 0;
  line-height: 153.4px;
  position: absolute;
  text-align: center;
  top: 2291px;
  width: 1182px;
}

.index .httpsdrivegoogle {
  height: 240px;
  left: 640px;
  letter-spacing: 0;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 2458px;
  width: 1182px;
}

.index .span0 {
  text-decoration: underline;
}

.index .group-2085662930 {
  height: 663px;
  left: 334px;
  position: absolute;
  top: 3104px;
  width: 2159px;
}

.index .rectangle-41221 {
  background-color: #00000099;
  border-radius: 34.29px;
  height: 578px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1901px;
}

.index .group-2085662928 {
  height: 630px;
  left: 61px;
  position: absolute;
  top: 0;
  width: 2102px;
}

.index .asean-cup-2026-khng {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 555px;
  left: 1px;
  letter-spacing: 0;
  line-height: 71.3px;
  position: absolute;
  text-align: justify;
  top: 75px;
  width: 1781px;
}

.index .lus-figo-cho-n-asean-cup-2026 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-utm_avo-bold);
  font-size: var(--font-size-l);
  font-weight: 700;
  gap: 20px;
  height: 266px;
  left: 1px;
  letter-spacing: 0;
  line-height: 133.3px;
  position: absolute;
  text-align: justify;
  top: -30px;
  width: 2098px;
}

.index .image-1268363264 {
  aspect-ratio: 0.75;
  height: 266px;
  left: 2864px;
  object-fit: cover;
  position: absolute;
  top: 3265px;
  width: 200px;
}

.index .group-2085662929 {
  display: flex;
  flex-direction: column;
  gap: 14.9px;
  height: 171px;
  left: 1768px;
  position: absolute;
  top: 1536px;
  width: 1399px;
}

.index .group-1000004188 {
  display: flex;
  height: 95.47px;
  margin-left: 144.8px;
  width: 1149.69px;
}

.index .ci {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 63.5px;
  font-weight: 700;
  height: 93px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-top: 2.5px;
  text-shadow: 0px 4.93px 18.26px #000000a8;
  width: 116px;
}

.index .image-9 {
  aspect-ratio: 3.41;
  height: 85.9px;
  margin-left: 29.8px;
  margin-top: 7.4px;
  object-fit: cover;
  width: 292.72px;
}

.index .ri-truy-cp-hitclub {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 63.5px;
  font-weight: 700;
  height: 93px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 29.2px;
  text-shadow: 0px 4.93px 18.26px #000000a8;
  width: 678px;
}

.index .h-thng-s-t-ng {
  color: var(--white);
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 61px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  text-align: center;
  text-shadow: 0px 3.45px 12.77px #000000a8;
  width: 1397.12px;
}

.index .bank-circle-8 {
  height: 57.1px;
  position: relative;
}

.index .hitclubasasas {
  aspect-ratio: 1.12;
  object-fit: cover;
  position: absolute;
}

.main-container {
  width: fit-content;
}

.toast-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 99;
}
.toastjs-container {
  position: fixed;
  top: 50%;
  left: 50%;
  bottom: auto;
  width: auto;
  max-width: 600px;
  z-index: 100;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.toastjs-container[aria-hidden=false] {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.toastjs {
  background: #000;
  border: 2px solid #ea872a;
  border-left-width: 2px;
  border-radius: 12px;
  padding: 16px 28px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
  text-align: center;
}
.toastjs p {
  color: #FFE5B7;
  font-family: var(--font-family-sf_pro-medium);
  font-size: 28px;
  margin: 0;
}
.toastjs-btn--close {
  display: none;
}
.toastjs.default,
.toastjs.success,
.toastjs.warning,
.toastjs.danger {
  border-left-color: #ea872a;
}

@media screen and (orientation: portrait) {
  .screen.index {
    display: none;
  }
  .screen.hitclub-aff-mobile-mainsite {
    display: block;
  }
  .toastjs-container {
    max-width: 90vw;
  }
  .toastjs p {
    font-size: 40px;
  }
}

@media screen and (orientation: landscape) {
  .screen.index {
    display: block;
  }
  .screen.hitclub-aff-mobile-mainsite {
    display: none;
  }
}