/* screen - index */

#zo88-page {
  width: 100% !important;
  overflow: hidden;
}

.main-container {
  width: fit-content;
  transform-origin: top left;
  visibility: hidden;
}

.index {
  background-color: var(--white);
  height: 4897px;
  position: relative;
  width: 383px;
}

.index .frame-2122074514 {
  background-color: #2a0000;
  height: 1105px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: -2px;
  width: 383px;
}

.index .rectangle-42-1 {
  background: linear-gradient(90deg, rgba(11, 34, 71, 1) 0%, rgba(102, 12, 15, 1) 100%);
  filter: blur(74.9px);;
  height: 1319px;
  left: -721px;
  position: absolute;
  top: -827px;
  width: 2375px;
}

.index .image-31334551-2 {
  aspect-ratio: 0.97;
  height: 492px;
  left: -48px;
  object-fit: cover;
  width: 479px;
}

.index .rectangle-44-1 {
  background: linear-gradient(104deg, rgba(63, 0, 0, 1) 32%, rgba(145, 0, 0, 0.13) 100%);
  filter: blur(84.7px);;
  height: 388px;
  left: -2px;
  position: absolute;
  top: -2px;
  transform: rotate(90deg);
  width: 385px;
}

.index .rectangle-43-1 {
  background: linear-gradient(90deg, rgba(11, 34, 71, 0.36) 0%, rgba(102, 12, 15, 0.36) 100%);
  filter: blur(51.45px);;
  height: 213px;
  left: -48px;
  position: absolute;
  top: -37px;
  width: 583px;
}

.index .rectangle-45-3 {
  background: linear-gradient(90deg, rgba(11, 34, 71, 1) 0%, rgba(102, 12, 15, 1) 100%);
  filter: blur(51.45px);;
  height: 78px;
  left: -80px;
  position: absolute;
  top: 437px;
  width: 583px;
}

.index .image-31334550-2 {
  aspect-ratio: 1;
  height: 143px;
  left: 0;
  top: 64px;
  width: 95px;
}

.index .image-31334552 {
  aspect-ratio: 1;
  height: 143px;
  left: 268px;
  top: 64px;
  width: 115px;
}

.index .logo-1 {
  aspect-ratio: 2.87;
  height: 135px;
  left: calc(50.00% - 196px);
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 388px;
}

.index .image-31334546-2 {
  height: 213px;
  left: 74px;
  top: 116px;
  width: 213px;
}

.index .vector-6-1 {
  height: 361px;
  left: 0;
  position: absolute;
  top: 86px;
  width: 383px;
}

.index .group-89-1 {
  height: 567px;
  left: calc(50.00% - 184px);
  position: absolute;
  top: -265px;
  width: 370px;
}

.index .gemini_-generated_-i-1 {
  aspect-ratio: 2.91;
  height: 112px;
  left: calc(50.00% - 175px);
  object-fit: cover;
  position: absolute;
  top: 438px;
  width: 326px;
}

.index .group-88-2 {
  height: 567px;
  left: 0;
  top: calc(50.00% - 284px);
  width: 370px;
}

.index .rectangle-45-4 {
  align-self: center;
  background: linear-gradient(90deg, rgba(143, 134, 86, 0) 0%, rgba(245, 229, 147, 1) 88%);
  border-radius: 30px;
  height: 2px;
  margin-top: -565px;
  width: 52px;
}

.index .hng-trng-lin-tay-bt-qu-nh-1 {
  height: 17px;
  margin-left: 14px;
  margin-top: 550px;
  width: 240px;
}

.index .rectangle-46-3 {
  height: 2px;
  margin-left: 12px;
  margin-top: 559px;
  width: 52px;
}

.index .group-2122073850 {
  height: 495px;
  left: calc(50.00% - 254px);
  position: absolute;
  top: 315px;
  width: 535px;
}

.index .form-dk {
  aspect-ratio: 1.02;
  height: 495px;
  left: calc(50.00% - 268px);
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 504px;
}

.index .thamgia {
  height: 159px;
  left: 73px;
  position: absolute;
  top: 324px;
  width: 361px;
}

.index .group-2122073836-1 {
  height: 53px;
  left: 108px;
  position: absolute;
  top: 102px;
  width: 288px;
}

.index .frame-2122074516 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  height: 231px;
  left: 83px;
  position: absolute;
  top: 96px;
  width: 452px;
}

.index .user-name-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: radial-gradient(50% 50% at 89% 50%, rgba(255, 128, 0, 1) 0%, rgba(255, 128, 0, 0) 100%);
  border-radius: 100px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .user-name-1 {
  -webkit-backdrop-filter: blur(5px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(5px) brightness(100%);
  background: linear-gradient(0deg, rgba(55, 5, 5, 0.45) 0%, rgba(55, 5, 5, 0.45) 100%), radial-gradient(50% 50% at 68% 49%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.22) 77%, rgba(0, 0, 0, 0) 100%);
  border: none;
  border-radius: 100px;
  box-shadow: inset -3px -4px 10px #f5d5fa1a;
  display: flex;
  gap: 20px;
  height: 48px;
  margin-left: 8px;
  margin-top: 86px;
  padding: 24px 36px;
  position: relative;
  width: 326px;
}

.index .layer_1-3 {
  background-image: url(../img/vector-5.webp);
  background-size: 100% 100%;
  margin-bottom: -15.50px;
  margin-top: -15.50px;
}

.index .vector-3 {
  height: 37.52%;
  left: 31.06%;
  position: absolute;
  top: 16.22%;
  width: 37.49%;
}

.index .vector-4 {
  height: 17.11%;
  left: 24.86%;
  position: absolute;
  top: 60.28%;
  width: 51.04%;
}

.index .tn-ng-nhp-1 {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  align-items: center;
  background-image: radial-gradient(50% 50% at 89% 50%, rgba(0, 220, 255, 1) 0%, rgba(206, 47, 228, 0) 100%) 1;
  display: flex;
  height: 19px;
  left: 82px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: calc(50.00% - 10px);
  white-space: nowrap;
}

.index .password-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: radial-gradient(50% 50% at 89% 50%, rgba(255, 128, 0, 1) 0%, rgba(255, 128, 0, 0) 100%);
  border-radius: 100px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .password-1 {
  -webkit-backdrop-filter: blur(5px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(5px) brightness(100%);
  background: linear-gradient(0deg, rgba(55, 5, 5, 0.45) 0%, rgba(55, 5, 5, 0.45) 100%), radial-gradient(50% 50% at 68% 49%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.22) 77%, rgba(0, 0, 0, 0) 100%);
  border: none;
  border-radius: 100px;
  box-shadow: inset -3px -4px 10px #f5d5fa1a;
  display: flex;
  height: 49px;
  justify-content: space-between;
  margin-left: 8px;
  padding: 25px 36px;
  position: relative;
  width: 326px;
}

.index .frame-2085663164-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  margin-bottom: -16.00px;
  margin-top: -16.00px;
  position: relative;
}

.index .group-1707478542-1 {
  background-image: url(../img/vector-12.webp);
  background-size: 100% 100%;
  height: 100.00%;
  left: 8.33%;
  position: relative;
  width: 86.11%;
}

.index .vector-5 {
  height: 32.32%;
  left: 36.14%;
  position: absolute;
  top: 50.80%;
  width: 27.79%;
}

.index .mt-khu-1 {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  align-items: center;
  background-image: radial-gradient(50% 50% at 89% 50%, rgba(0, 220, 255, 1) 0%, rgba(206, 47, 228, 0) 100%) 1;
  display: flex;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .mdieye-1 {
  aspect-ratio: 1;
  height: 40px;
  margin-bottom: -20.50px;
  margin-top: -20.50px;
  position: relative;
  width: 40px;
}

.index .phone-number-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: radial-gradient(50% 50% at 89% 50%, rgba(255, 128, 0, 1) 0%, rgba(255, 128, 0, 0) 100%);
  border-radius: 100px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .phone-number-1 {
  -webkit-backdrop-filter: blur(5px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(5px) brightness(100%);
  background: linear-gradient(0deg, rgba(55, 5, 5, 0.45) 0%, rgba(55, 5, 5, 0.45) 100%), radial-gradient(50% 50% at 68% 49%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.22) 77%, rgba(0, 0, 0, 0) 100%);
  border: none;
  border-radius: 100px;
  box-shadow: inset -3px -4px 10px #f5d5fa1a;
  display: flex;
  gap: 20px;
  height: 47px;
  margin-left: 8px;
  padding: 25px 36px;
  position: relative;
  width: 326px;
}

.index .layer_1-5 {
  margin-bottom: -17.00px;
  margin-top: -17.00px;
}

.index .s-in-thoi-1 {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  align-items: center;
  background-image: radial-gradient(50% 50% at 89% 50%, rgba(0, 220, 255, 1) 0%, rgba(206, 47, 228, 0) 100%) 1;
  display: flex;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -8.00px;
  margin-top: -14.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .group-2122073851 {
  height: 135px;
  left: 13px;
  position: absolute;
  top: 905px;
  width: 358px;
}

.index .x18-k-1-1 {
  aspect-ratio: 1.98;
  height: 57px;
  left: 123px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 112px;
}

.index .x50-k-1-1 {
  aspect-ratio: 1.96;
  height: 58px;
  left: 245px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 113px;
}

.index .x8-k-1-1 {
  aspect-ratio: 1.94;
  height: 58px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 113px;
}

.index .x188-k-1-1 {
  aspect-ratio: 1.74;
  height: 64px;
  left: 183px;
  object-fit: cover;
  position: absolute;
  top: 70px;
  width: 112px;
}

.index .x88-k-1-1 {
  aspect-ratio: 1.87;
  height: 60px;
  left: 57px;
  object-fit: cover;
  position: absolute;
  top: 70px;
  width: 112px;
}

.index .group-2122073851 img {
  transform-origin: center center;
  animation: zo88-frame-zoom 7.5s ease-in-out infinite;
}

.index .group-2122073851 .x8-k-1-1 {
  animation-delay: 0s;
}

.index .group-2122073851 .x18-k-1-1 {
  animation-delay: 1.5s;
}

.index .group-2122073851 .x50-k-1-1 {
  animation-delay: 3s;
}

.index .group-2122073851 .x88-k-1-1 {
  animation-delay: 4.5s;
}

.index .group-2122073851 .x188-k-1-1 {
  animation-delay: 6s;
}

.index .image-8-4 {
  height: 201px;
  left: 0;
  top: 904px;
}

.index .group-79-1 {
  height: 50px;
  left: -73px;
  position: absolute;
  top: 826px;
  width: 786px;
}

.index .rectangle-27-1 {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 1) 53%, rgba(0, 0, 0, 0) 100%);
  height: 42px;
  left: 1px;
  position: absolute;
  top: 4px;
  width: 784px;
}

.index .ng-k-zo88-ngay-h-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 400;
  left: 150px;
  letter-spacing: 0;
  line-height: normal;
  overflow: hidden;
  position: absolute;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 636px;
}

.index .ng-k-zo88-ngay-h-1__track {
  animation: zo88-marquee 11s linear infinite;
  display: inline-flex;
  white-space: nowrap;
  will-change: transform;
}

.index .ng-k-zo88-ngay-h-1__track > span {
  padding-right: 60px;
}

.index .images-removebg-preview-1-1 {
  aspect-ratio: 1;
  height: 50px;
  left: 88px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 50px;
}

.index .frame-2122074517 {
  background: radial-gradient(50% 50% at 58% 50%, rgba(145, 0, 0, 1) 0%, rgba(43, 0, 0, 1) 100%);
  height: 1516px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 1103px;
  width: 383px;
}

.index .frame-2122074506-2 {
  display: flex;
  height: 162px;
  left: 0;
  position: absolute;
  top: 0;
}

.index .frame-2122074506-3 {
  height: 113px;
  margin-top: -2px;
  object-fit: cover;
  position: relative;
  width: 383px;
}

.index .image-8-6 {
  height: 156px;
  left: 0;
  top: 210px;
}

.index .frame-2122074518 {
  background: linear-gradient(180deg, rgba(170, 11, 13, 0.6) 0%, rgba(47, 13, 13, 0.6) 100%);
  border: 4px solid;
  border-color: transparent;
  border-image: linear-gradient(357deg, rgba(255, 0, 0, 1) 0%, rgba(153, 0, 0, 1) 100%) 1;
  border-left: 0;
  border-right: 0;
  height: 151px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 128px;
  touch-action: pan-y;
  width: 383px;
}

.index .game-slider__track {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.55s ease;
  will-change: transform;
}

.index .game-slider__slide {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 126px;
  justify-content: center;
  position: relative;
  width: 112px;
}

.index .game-slider__slide::before {
  background: url(../img/hieuung.webp) center / contain no-repeat;
  content: '';
  height: 151px;
  left: 50%;
  mix-blend-mode: screen;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.45s ease;
  width: 152.8px;
  z-index: 4;
}

.index .game-slider__slide img {
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  position: relative;
  transition: transform 0.45s ease;
  width: 100%;
  z-index: 1;
}

.index .game-slider__slide::after {
  background: url(../img/lopphu.webp) center / 100% 100% no-repeat;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.45s ease;
  z-index: 3;
}

.index .game-slider__slide.is-active::after {
  opacity: 0;
}

.index .game-slider__slide.is-active::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.12);
}

.index .game-slider__slide.is-active img {
  transform: scale(1.12);
}

.index .frame-2122074519 {
  display: flex;
  height: 653px;
  left: 0;
  position: absolute;
  top: 299px;
  width: 375px;
}

.index .frame-2122074520::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(180deg, rgba(245, 229, 147, 1) 0%, rgba(143, 134, 86, 0.69) 37%, rgba(245, 229, 147, 1) 99%);
  border-radius: 17px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 4px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .frame-2122074520 {
  border: none;
  border-radius: 17px;
  height: 653px;
  margin-left: 13px;
  margin-top: 4px;
  overflow: hidden;
  position: relative;
  width: 350px;
}

.index .game-frame {
  border: none;
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.index .group-67 {
  height: 185px;
  left: -2px;
  position: absolute;
  top: 948px;
  width: 373px;
}

.index .vector-4-1 {
  left: 2px;
  top: 45px;
  width: 373px;
}

.index .sp-n-h-ti-xu {
  height: 62px;
  left: 25px;
  position: absolute;
  top: 55px;
  width: 146px;
}

.index .x10t {
  height: 76px;
  left: 16px;
  position: absolute;
  top: 100px;
  width: 136px;
}

.index .isolating_gold_flare {
  height: 84px;
  left: 3px;
  top: 101px;
  width: 156px;
}

.index .mi-ngy {
  height: 32px;
  left: 141px;
  position: absolute;
  top: 123px;
  width: 41px;
}

.index .untitled-lc-022223-24-thng-8-2026-1 {
  aspect-ratio: 0.74;
  height: 164px;
  left: 210px;
  position: absolute;
  top: 0;
  width: 121px;
  z-index: 999;
}

.index .group-2122073840-1 {
  background: linear-gradient(90deg, rgba(255, 234, 2, 1) 0%, rgba(255, 244, 120, 1) 100%);
  border-radius: 48.66px;
  box-shadow: 0px 5.41px 5.41px #00000040;
  display: flex;
  height: 20px;
  left: 220px;
  position: absolute;
  top: 148px;
  width: 135px;
  z-index: 1000;
}

.index .group-2122073840-2 {
  height: 177px;
  left: 1px;
  position: absolute;
  top: 1130px;
  width: 373px;
}

.index .vector-4-2 {
  left: -1px;
  top: 45px;
  width: 376px;
}

.index .top-cc-tranh-ti {
  height: 30px;
  left: 11px;
  position: absolute;
  top: 66px;
  width: 216px;
}

.index .x300-tr {
  height: 63px;
  left: 22px;
  position: absolute;
  top: 109px;
  width: 187px;
}

.index .isolating_gold_flare-1 {
  height: 75px;
  left: 20px;
  top: 95px;
  width: 140px;
}

.index .thng {
  height: 14px;
  left: 91px;
  position: absolute;
  top: 95px;
  width: 64px;
}

.index .untitled-lc-024307-24-thng-8-2026-1 {
  aspect-ratio: 1;
  height: 153px;
  left: 209px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 153px;
}

.index .group-2122073841 {
  height: 130px;
  left: -2px;
  position: absolute;
  top: 1356px;
  width: 374px;
}

.index .vector-4-3 {
  left: 2px;
  top: -4px;
  width: 373px;
}

.index .bo-him {
  height: 33px;
  left: 32px;
  position: absolute;
  top: 9px;
  width: 132px;
}

.index .x100 {
  height: 63px;
  left: 21px;
  position: absolute;
  top: 34px;
  width: 146px;
}

.index .isolating_gold_flare-2 {
  height: 84px;
  left: 18px;
  top: 17px;
  width: 156px;
}

.index .np-rt-uy-tn {
  height: 16px;
  left: 40px;
  position: absolute;
  top: 90px;
  width: 116px;
}

.index .group-2122073840-3 {
  background: linear-gradient(90deg, rgba(255, 234, 2, 1) 0%, rgba(255, 244, 120, 1) 100%);
  border-radius: 48.66px;
  box-shadow: 0px 5.41px 5.41px #00000040;
  display: flex;
  height: 20px;
  left: 220px;
  position: absolute;
  top: 101px;
  width: 135px;
}

.index .x3-d_game_visual_elem {
  aspect-ratio: 1.58;
  height: 109px;
  left: 201px;
  mix-blend-mode: screen;
  position: absolute;
  top: 1px;
  width: 173px;
}

.index .x3-d_game_visual_elem-1 {
  aspect-ratio: 1.58;
  height: 109px;
  left: 201px;
  mix-blend-mode: lighten;
  position: absolute;
  top: 1px;
  width: 173px;
}

.index .frame-2122074518-1 {
  background: radial-gradient(50% 50% at 58% 50%, rgba(145, 0, 0, 1) 0%, rgba(43, 0, 0, 1) 100%);
  height: 2309px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 2588px;
  width: 383px;
}

.index .frame-2122074506-4 {
  height: 162px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 31px;
  width: 383px;
}

.index .x7-1 {
  height: 189px;
  left: 10px;
  position: absolute;
  top: 218px;
  width: 365px;
}

.index .x8-1 {
  height: 194px;
  left: 8px;
  position: absolute;
  top: 418px;
  width: 370px;
}

.index .x9-1 {
  height: 189px;
  left: 10px;
  position: absolute;
  top: 622px;
  width: 365px;
}

.index .x10-1 {
  height: 189px;
  left: 10px;
  position: absolute;
  top: 824px;
  width: 365px;
}

.index .x11-1 {
  height: 189px;
  left: 10px;
  position: absolute;
  top: 1026px;
  width: 365px;
}

.index .frame-2122074518-1 > img {
  transform-origin: center center;
  animation: zo88-frame-zoom-glow 7.5s ease-in-out infinite;
}

.index .frame-2122074518-1 > .frame-2122074506-4,
.index .frame-2122074518-1 > .image-17 {
  animation: none;
}

.index .frame-2122074518-1 > .x7-1 {
  animation-delay: 0s;
}

.index .frame-2122074518-1 > .x8-1 {
  animation-delay: 1.5s;
}

.index .frame-2122074518-1 > .x9-1 {
  animation-delay: 3s;
}

.index .frame-2122074518-1 > .x10-1 {
  animation-delay: 4.5s;
}

.index .frame-2122074518-1 > .x11-1 {
  animation-delay: 6s;
}

.index .frame-180-1 {
  background-color: #260000;
  height: 665px;
  left: 1px;
  overflow: hidden;
  position: absolute;
  top: 1228px;
  width: 383px;
}

.index .image-16-1 {
  aspect-ratio: 1.73;
  height: 320px;
  left: 0;
  position: absolute;
  top: 345px;
  width: 383px;
}

.index .rectangle-29-1 {
  background: linear-gradient(180deg, rgba(32, 4, 4, 1) 0%, rgba(9, 0, 0, 0) 100%);
  height: 253px;
  left: -24px;
  position: absolute;
  top: 322px;
  width: 533px;
}

.index .b21b1b61933009d263a2-1 {
  aspect-ratio: 1;
  height: 567px;
  left: -33px;
  object-fit: cover;
  position: absolute;
  top: 162px;
  width: 567px;
}

.index .frame-184-2 {
  align-items: flex-start;
  flex-direction: column;
  left: 36px;
  top: 27px;
  width: 306px;
}

.index .frame-181-1 {
  align-items: center;
  border: 0.29px solid;
  border-color: var(--white);
  border-radius: 28.57px;
  display: flex;
  gap: 4.29px;
  height: 26.86px;
  justify-content: center;
  position: relative;
  width: 137.15px;
}

.index .np-rt-siu-tc-1 {
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxs);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 94px;
}

.index .span0-1 {
  color: var(--white);
  font-style: italic;
}

.index .span1-1 {
  color: var(--turbo);
  font-style: italic;
}

.index .nap-1 {
  height: 82.27px;
  position: relative;
  width: 306px;
}

.index .frame-184-3 {
  align-items: center;
  border: 0.29px solid;
  border-color: var(--white);
  border-radius: 28.57px;
  gap: 4.29px;
  height: 27px;
  left: 150px;
  top: 1px;
  width: 137px;
}

.index .group-2122073843-1 {
  height: 15px;
  left: 13px;
  position: absolute;
  top: 6px;
  width: 12px;
}

.index .vector-8-1 {
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.index .vector-9-1 {
  height: 15px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 6px;
}

.index .vector-7-1 {
  height: 5px;
  left: 3px;
  position: absolute;
  top: 4px;
  width: 7px;
}

.index .bo-him-100-1 {
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxs);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 94px;
}

.index .frame-191-1 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  left: 32px;
  position: absolute;
  top: 169px;
}

.index .frame-1-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 229, 147, 1) 100%);
  border-radius: 11.7px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.78px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .frame-1-1 {
  align-items: center;
  background: linear-gradient(180deg, rgba(190, 162, 99, 0) 0%, rgba(0, 23, 78, 1) 100%);
  border: none;
  border-radius: 11.7px;
  display: flex;
  flex-direction: column;
  gap: 7.8px;
  height: 88.11px;
  justify-content: center;
  padding: 9.36px 21.83px 8.58px 7.8px;
  position: relative;
  width: 320.47px;
}

.index .frame-187-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 9.36px;
  position: relative;
}

.index .delivery-time-1 {
  height: 70.18px;
  position: relative;
  width: 70.18px;
}

.index .frame-185-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.34px;
  position: relative;
  width: 211.31px;
}

.index .frame-186-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.34px;
  position: relative;
  width: 100%;
}

.index .tc-siu-nhanh-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.78px;
  position: relative;
}

.index .x-l-trong-vi-giy-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .security-shield-1 {
  height: 70.18px;
  position: relative;
  width: 70.18px;
}

.index .bo-mt-tuyt-i-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.78px;
  position: relative;
}

.index .cng-ngh-m-ho-tin-tin-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .online-support-1 {
  height: 70.18px;
  position: relative;
  width: 70.18px;
}

.index .an-ton-247-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.78px;
  position: relative;
}

.index .h-tr-mi-lc-mi-ni-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.index .frame-192-1 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0px 0px;
  left: 1px;
  position: absolute;
  top: 1870px;
  width: 383px;
}

.index .rectangle-30-1 {
  height: 85.81px;
  object-fit: cover;
  position: relative;
  width: 127.52px;
  left: -1px;
}

.index .image-17 {
  aspect-ratio: 2.17;
  height: 178px;
  left: 0;
  top: 2131px;
  width: 386px;
}

.index .frame-184 {
  display: flex;
  justify-content: center;
  position: absolute;
}

.index .frame-2122074506 {
  background: linear-gradient(90deg, rgba(190, 5, 5, 0.38) 0%, rgba(88, 2, 2, 0.38) 24%, rgba(88, 2, 2, 0.38) 46%, rgba(88, 2, 2, 0.38) 73%, rgba(190, 5, 5, 0.38) 100%);
  width: 383px;
}

.index .group-88 {
  display: flex;
  position: absolute;
}

.index .image {
  object-fit: cover;
  position: absolute;
}

.index .image-31334546 {
  aspect-ratio: 1;
  object-fit: cover;
  position: absolute;
}

.index .image-31334550 {
  object-fit: cover;
  position: absolute;
}

.index .image-31334551 {
  position: absolute;
  top: 0;
}

.index .image-8 {
  object-fit: cover;
  position: absolute;
  width: 383px;
}

.index .isolating_gold_flare-3 {
  aspect-ratio: 1.86;
  mix-blend-mode: screen;
  position: absolute;
}

.index .layer_1 {
  aspect-ratio: 1;
  height: 31px;
  position: relative;
  width: 31px;
}

.index .lightning-bolt {
  height: 17.43px;
  position: relative;
  width: 17.43px;
}

.index .rectangle-3 {
  height: 86.81px;
  position: relative;
  width: 127.52px;
}

.index .rectangle-46 {
  background: linear-gradient(90deg, rgba(143, 134, 86, 0) 0%, rgba(245, 229, 147, 1) 88%);
  border-radius: 30px;
  transform: rotate(180deg);
}

.index .tham-gia-ngay {
  height: 6.39px;
  margin-left: 30.3px;
  margin-top: 8.3px;
  width: 76.92px;
}

.index .vector-4-4 {
  height: 134px;
  position: absolute;
}
/* screen - ldp */

.ldp {
  background-color: #520000;
  height: 6983px;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.ldp .frame-195 {
  background-color: #2a0000;
  height: 2120px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1920px;
}

.ldp .rectangle-42 {
  background: linear-gradient(90deg, rgba(11, 34, 71, 1) 0%, rgba(102, 12, 15, 1) 100%);
  filter: blur(74.9px);;
  height: 1789px;
  left: -210px;
  position: absolute;
  top: -117px;
  width: 2375px;
}

.ldp .image-31334551 {
  aspect-ratio: 0.97;
  height: 2447px;
  left: -232px;
  object-fit: cover;
  position: absolute;
  top: -467px;
  width: 2385px;
}

.ldp .rectangle-43 {
  background: linear-gradient(90deg, rgba(11, 34, 71, 0.36) 0%, rgba(102, 12, 15, 0.36) 100%);
  filter: blur(51.45px);;
  height: 1466px;
  left: -47px;
  position: absolute;
  top: -352px;
  width: 2375px;
}

.ldp .vng-lixi {
  aspect-ratio: 4.15;
  bottom: 57px;
  height: 334px;
  left: -513px;
  object-fit: cover;
  position: absolute;
  width: 1386px;
}

.ldp .vng-lixi-1 {
  bottom: 57px;
  height: 334px;
  right: 0;
  width: 839px;
}

.ldp .rectangle-41 {
  background: linear-gradient(90deg, rgba(145, 0, 0, 0) 33%, rgba(43, 0, 0, 1) 73%);
  filter: blur(84.7px);;
  height: 2158px;
  left: 668px;
  position: absolute;
  top: 732px;
  transform: rotate(90deg);
  width: 618px;
}

.ldp .rectangle-44 {
  background: linear-gradient(104deg, rgba(63, 0, 0, 1) 32%, rgba(145, 0, 0, 0.13) 100%);
  filter: blur(84.7px);;
  height: 2158px;
  left: -107px;
  position: absolute;
  top: -322px;
  transform: rotate(90deg);
  width: 2172px;
}

.ldp .logo {
  aspect-ratio: 2.87;
  height: 328px;
  left: calc(50.00% - 471px);
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 942px;
}

.ldp .image-31334549 {
  aspect-ratio: 1;
  height: 377px;
  left: 1504px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 416px;
}

.ldp .image-31334550 {
  aspect-ratio: 1;
  height: 377px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 449px;
}

.ldp .image-31334546 {
  aspect-ratio: 1;
  height: 478px;
  left: 157px;
  object-fit: cover;
  position: absolute;
  top: 230px;
  width: 478px;
}

.ldp .vector-6 {
  height: 1245px;
  left: 92px;
  position: absolute;
  top: 0;
  width: 1756px;
}

.ldp .image-8 {
  height: 309px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1811px;
  width: 1920px;
}

.ldp .image-31334570 {
  aspect-ratio: 0.59;
  height: 704px;
  left: 0;
  position: absolute;
  top: 42px;
  width: 396px;
}

.ldp .image-31334571 {
  aspect-ratio: 0.59;
  height: 994px;
  left: 1310px;
  position: absolute;
  top: 16px;
  width: 610px;
}

.ldp .group-89 {
  height: 410px;
  left: calc(50.00% - 610px);
  position: absolute;
  top: 351px;
  width: 1198px;
}

.ldp .gemini_-generated_-i {
  aspect-ratio: 2.91;
  height: 376px;
  left: calc(50.00% - 533px);
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1094px;
}

.ldp .group-88 {
  display: flex;
  height: 53px;
  left: 0;
  position: absolute;
  top: calc(50.00% + 152px);
  width: 1200px;
}

.ldp .rectangle-45 {
  align-self: center;
  background: linear-gradient(90deg, rgba(143, 134, 86, 0) 0%, rgba(245, 229, 147, 1) 88%);
  border-radius: 30px;
  height: 10px;
  margin-top: -1px;
  width: 169px;
}

.ldp .hng-trng-lin-tay-bt-qu-nh {
  color: #f5e593;
  font-family: var(--font-family-joti_one);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 53px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 30px;
  white-space: nowrap;
  width: 791px;
}

.ldp .rectangle-46 {
  background: linear-gradient(90deg, rgba(143, 134, 86, 0) 0%, rgba(245, 229, 147, 1) 88%);
  border-radius: 30px;
  height: 10px;
  margin-left: 39px;
  margin-top: 21px;
  transform: rotate(180deg);
  width: 169px;
}

.ldp .image-31334554 {
  aspect-ratio: 3.52;
  height: 505px;
  left: 71px;
  object-fit: cover;
  position: absolute;
  top: 1315px;
  width: 1776px;
}

.ldp .group-2122073837 {
  background-image: url(../img/form-dk.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 1168px;
  left: calc(50.00% - 595px);
  position: absolute;
  top: 821px;
  width: 1188px;
}

.ldp .group-2122073836 {
  height: 95px;
  left: 339px;
  position: absolute;
  top: 201px;
  width: 513px;
}

.ldp .form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 401px;
  left: calc(50.00% - 388px);
  position: absolute;
  top: calc(50.00% - 198px);
  width: 765px;
}

.ldp .user-name::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: radial-gradient(50% 50% at 89% 50%, rgba(255, 128, 0, 1) 0%, rgba(255, 128, 0, 0) 100%);
  border-radius: 100px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.ldp .user-name {
  -webkit-backdrop-filter: blur(5px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(5px) brightness(100%);
  background: linear-gradient(0deg, rgba(55, 5, 5, 0.45) 0%, rgba(55, 5, 5, 0.45) 100%), radial-gradient(50% 50% at 68% 49%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.22) 77%, rgba(0, 0, 0, 0) 100%);
  border: none;
  border-radius: 100px;
  box-shadow: inset -3px -4px 10px #f5d5fa1a;
  display: flex;
  gap: 20px;
  height: 127px;
  margin-right: -12.00px;
  padding: 24px 36px;
  position: relative;
  width: 777px;
}

.ldp .layer_1 {
  background-image: url(../img/vector.webp);
  background-size: 100% 100%;
}

.ldp .vector {
  height: 37.52%;
  left: 31.06%;
  position: absolute;
  top: 16.22%;
  width: 37.49%;
}

.ldp .vector-1 {
  height: 17.11%;
  left: 24.86%;
  position: absolute;
  top: 60.28%;
  width: 51.04%;
}

.ldp .tn-ng-nhp {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  align-items: center;
  background-image: radial-gradient(50% 50% at 89% 50%, rgba(0, 220, 255, 1) 0%, rgba(206, 47, 228, 0) 100%) 1;
  display: flex;
  height: 47px;
  left: 95px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 39px;
  white-space: nowrap;
}

.ldp .password::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: radial-gradient(50% 50% at 89% 50%, rgba(255, 128, 0, 1) 0%, rgba(255, 128, 0, 0) 100%);
  border-radius: 100px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.ldp .password {
  -webkit-backdrop-filter: blur(5px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(5px) brightness(100%);
  background: linear-gradient(0deg, rgba(55, 5, 5, 0.45) 0%, rgba(55, 5, 5, 0.45) 100%), radial-gradient(50% 50% at 68% 49%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.22) 77%, rgba(0, 0, 0, 0) 100%);
  border: none;
  border-radius: 100px;
  box-shadow: inset -3px -4px 10px #f5d5fa1a;
  display: flex;
  height: 128px;
  justify-content: space-between;
  margin-right: -12.00px;
  padding: 25px 36px;
  position: relative;
  width: 777px;
}

.ldp .frame-2085663164 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.ldp .group-1707478542 {
  background-image: url(../img/vector-3.webp);
  background-size: 100% 100%;
  height: 100.00%;
  left: 8.33%;
  position: relative;
  width: 86.11%;
}

.ldp .vector-2 {
  height: 32.32%;
  left: 36.13%;
  position: absolute;
  top: 50.80%;
  width: 27.79%;
}

.ldp .mt-khu {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  align-items: center;
  background-image: radial-gradient(50% 50% at 89% 50%, rgba(0, 220, 255, 1) 0%, rgba(206, 47, 228, 0) 100%) 1;
  display: flex;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.ldp .mdieye {
  aspect-ratio: 1;
  height: 40px;
  position: relative;
  width: 40px;
}

.ldp .phone-number::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: radial-gradient(50% 50% at 89% 50%, rgba(255, 128, 0, 1) 0%, rgba(255, 128, 0, 0) 100%);
  border-radius: 100px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.ldp .phone-number {
  -webkit-backdrop-filter: blur(5px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(5px) brightness(100%);
  background: linear-gradient(0deg, rgba(55, 5, 5, 0.45) 0%, rgba(55, 5, 5, 0.45) 100%), radial-gradient(50% 50% at 68% 49%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.22) 77%, rgba(0, 0, 0, 0) 100%);
  border: none;
  border-radius: 100px;
  box-shadow: inset -3px -4px 10px #f5d5fa1a;
  display: flex;
  gap: 20px;
  height: 127px;
  margin-bottom: -21.00px;
  margin-right: -12.00px;
  padding: 25px 36px;
  position: relative;
  width: 777px;
}

.ldp .s-in-thoi {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  align-items: center;
  background-image: radial-gradient(50% 50% at 89% 50%, rgba(0, 220, 255, 1) 0%, rgba(206, 47, 228, 0) 100%) 1;
  display: flex;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.ldp .thamgia {
  height: 286px;
  left: 272px;
  position: absolute;
  top: 787px;
  width: 647px;
}

.ldp .group-79 {
  height: 72px;
  left: 206px;
  position: absolute;
  top: 292px;
  width: 748px;
}

.ldp .rectangle-27 {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 1) 53%, rgba(0, 0, 0, 0) 100%);
  height: 40px;
  left: 1px;
  position: absolute;
  top: 16px;
  width: 746px;
}

.ldp .ng-k-zo88-ngay-h {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 23px;
  font-weight: 400;
  left: 157px;
  letter-spacing: 0;
  line-height: normal;
  overflow: hidden;
  position: absolute;
  top: 22px;
  white-space: nowrap;
  width: 538px;
}

.ldp .ng-k-zo88-ngay-h__track {
  animation: zo88-marquee 16s linear infinite;
  display: inline-flex;
  white-space: nowrap;
  will-change: transform;
}

.ldp .ng-k-zo88-ngay-h__track > span {
  padding-right: 90px;
}

@keyframes zo88-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes zo88-frame-zoom {
  0%,
  20%,
  100% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.06);
  }
}

@keyframes zo88-frame-zoom-glow {
  0%,
  20%,
  100% {
    transform: scale(1);
    filter: brightness(1);
    box-shadow: 0 0 0 0 rgba(255, 214, 92, 0);
  }
  10% {
    transform: scale(1.06);
    filter: brightness(1.18);
    box-shadow: 0 0 28px 6px rgba(255, 214, 92, 0.85);
  }
}

.ldp .images-removebg-preview-1 {
  aspect-ratio: 1;
  height: 72px;
  left: 69px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 72px;
}

.ldp .frame-2122074556 {
  display: flex;
  flex-direction: column;
  height: 907px;
  left: 54px;
  position: absolute;
  top: 913px;
  width: 311px;
}

.ldp .frame-2122074556 img {
  transform-origin: center center;
  animation: zo88-frame-zoom 7.5s ease-in-out infinite;
}

.ldp .frame-2122074556 .x18-k-1 {
  animation-delay: 1.5s;
}

.ldp .frame-2122074556 .x50-k-1 {
  animation-delay: 3s;
}

.ldp .frame-2122074556 .x88-k-1 {
  animation-delay: 4.5s;
}

.ldp .frame-2122074556 .x188-k-1 {
  animation-delay: 6s;
}

.ldp .x8-k-1 {
  aspect-ratio: 1.94;
  height: 160px;
  object-fit: cover;
  width: 311px;
}

.ldp .x18-k-1 {
  aspect-ratio: 1.98;
  height: 157px;
  margin-top: 22px;
  object-fit: cover;
  width: 311px;
}

.ldp .x50-k-1 {
  aspect-ratio: 1.96;
  height: 160px;
  margin-top: 20px;
  object-fit: cover;
  width: 313.11px;
}

.ldp .x88-k-1 {
  aspect-ratio: 1.87;
  height: 166px;
  margin-top: 22px;
  object-fit: cover;
  width: 311px;
}

.ldp .x188-k-1 {
  aspect-ratio: 1.74;
  height: 179px;
  margin-top: 21px;
  object-fit: cover;
  width: 311px;
}

.ldp .hangnga-1 {
  aspect-ratio: 0.8;
  height: 796px;
  left: 1528px;
  object-fit: cover;
  position: absolute;
  top: 996px;
  width: 392px;
}

.ldp .frame-196 {
  background: url(../img/hinhnen.webp) 10px 0 / 1910px 2714px no-repeat,
    radial-gradient(50% 50% at 67% 50%, rgba(145, 0, 0, 1) 0%, rgba(43, 0, 0, 1) 53%);
  height: 4641px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 2342px;
  width: 1920px;
}

.ldp .image-31334612 {
  aspect-ratio: 0.7;
  height: 2714px;
  left: 10px;
  position: absolute;
  top: 0;
  width: 1910px;
}


.ldp .rectangle-346245799 {
  background: linear-gradient(359deg, rgba(63, 8, 9, 1) 0%, rgba(165, 21, 24, 0) 100%);
  filter: blur(58.6px);;
  height: 411px;
  left: -38px;
  position: absolute;
  top: 2330px;
  width: 1953px;
}

.ldp .group-2122073839::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(180deg, rgba(245, 229, 147, 1) 0%, rgba(143, 134, 86, 1) 100%);
  border-radius: 52px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 4px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.ldp .group-2122073839 {
  background-color: #070b1499;
  border: none;
  border-radius: 52px;
  display: flex;
  height: 1998px;
  left: 380px;
  position: absolute;
  top: 534px;
  width: 1161px;
}

.ldp .frame-2122074503 {
  background-color: #000104;
  border: 1px solid;
  border-color: #ffdddd;
  border-radius: 72px;
  height: 1920px;
  margin-left: 43px;
  margin-top: 40px;
  overflow: hidden;
  position: relative;
  width: 1080px;
}

.ldp .game-frame {
  border: none;
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.ldp .image-14 {
  aspect-ratio: 4.36;
  bottom: 0;
  height: 452px;
  left: calc(50.00% - 990px);
  object-fit: cover;
  position: absolute;
  width: 1970px;
}

.ldp .frame-192 {
  align-items: center;
  display: flex;
  left: 0;
  position: absolute;
  top: 4064px;
  width: 1920px;
}

.ldp .rectangle-30 {
  height: 143.29px;
  object-fit: cover;
  position: relative;
  width: 213.42px;
}

.ldp .rectangle-3 {
  height: 145.29px;
  position: relative;
  width: 213.42px;
}

.ldp .rectangle-39 {
  height: 145.29px;
  position: relative;
  width: 212.6px;
}

.ldp .frame-2122074505 {
  background: linear-gradient(180deg, rgba(70, 0, 0, 0) 42%, rgba(172, 0, 0, 1) 100%);
  height: 1489px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 2575px;
  width: 1921px;
}

.ldp .frame-2122074507 {
  display: flex;
  height: 696px;
  left: 0;
  position: absolute;
  top: 281px;
  width: 1915px;
}

.ldp .group-2122073866 {
  height: 591px;
  margin-left: 153px;
  margin-top: 73px;
  position: relative;
  width: 1609px;
}

.ldp .x7 {
  height: 269px;
  left: 0;
  position: absolute;
  top: 0;
  width: 518px;
}

.ldp .x8 {
  height: 275px;
  left: 543px;
  position: absolute;
  top: -3px;
  width: 524px;
}

.ldp .x9 {
  height: 269px;
  left: 1091px;
  position: absolute;
  top: 0;
  width: 518px;
}

.ldp .x10 {
  height: 269px;
  left: 253px;
  position: absolute;
  top: 322px;
  width: 518px;
}

.ldp .x11 {
  height: 269px;
  left: 799px;
  position: absolute;
  top: 322px;
  width: 518px;
}

.ldp .group-2122073866 img {
  transform-origin: center center;
  animation: zo88-frame-zoom-glow 7.5s ease-in-out infinite;
}

.ldp .group-2122073866 .x7 {
  animation-delay: 0s;
}

.ldp .group-2122073866 .x8 {
  animation-delay: 1.5s;
}

.ldp .group-2122073866 .x9 {
  animation-delay: 3s;
}

.ldp .group-2122073866 .x10 {
  animation-delay: 4.5s;
}

.ldp .group-2122073866 .x11 {
  animation-delay: 6s;
}

.ldp .frame-2122074506 {
  background: linear-gradient(90deg, rgba(255, 0, 0, 0.16) 0%, rgba(88, 2, 2, 0) 24%, rgba(88, 2, 2, 0) 46%, rgba(88, 2, 2, 0) 73%, rgba(255, 0, 0, 0.07) 100%);
  height: 200px;
  left: 0;
  position: absolute;
  top: 110px;
  width: 1921px;
}

.ldp .frame-180 {
  background-color: #341111;
  height: 513px;
  left: calc(50.00% - 961px);
  position: absolute;
  top: 973px;
  width: 1920px;
}

.ldp .image-16 {
  aspect-ratio: 1.73;
  height: 430px;
  left: 1141px;
  position: absolute;
  top: 0;
  width: 770px;
}

.ldp .rectangle-29 {
  background: linear-gradient(180deg, rgba(61, 1, 1, 1) 0%, rgba(18, 0, 0, 0) 100%);
  height: 417px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 1915px;
}

.ldp .b21b1b61933009d263a2 {
  aspect-ratio: 1;
  height: 778px;
  left: 1137px;
  object-fit: cover;
  position: absolute;
  top: -265px;
  width: 778px;
}

.ldp .frame-184 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 51px;
  position: absolute;
  top: 40px;
  width: 781px;
}

.ldp .frame-181 {
  align-items: center;
  border: 0.73px solid;
  border-color: var(--white);
  border-radius: 72.82px;
  display: flex;
  gap: 10.92px;
  height: 68.45px;
  justify-content: center;
  position: relative;
  width: 349.54px;
}

.ldp .lightning-bolt {
  height: 44.42px;
  position: relative;
  width: 44.42px;
}

.ldp .np-rt-siu-tc {
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.ldp .span0 {
  color: var(--white);
  font-style: italic;
}

.ldp .span1 {
  color: var(--turbo);
  font-style: italic;
}

.ldp .nap {
  height: 210px;
  position: relative;
  width: 781px;
}

.ldp .frame-184-1 {
  align-items: center;
  border: 0.73px solid;
  border-color: var(--white);
  border-radius: 72.82px;
  display: flex;
  gap: 10.92px;
  height: 68px;
  justify-content: center;
  left: 371px;
  position: absolute;
  top: 0;
  width: 350px;
}

.ldp .group-2122073843 {
  height: 34px;
  left: 49px;
  position: absolute;
  top: 17px;
  width: 27px;
}

.ldp .vector-8 {
  height: 34px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
}

.ldp .vector-9 {
  height: 34px;
  left: 14px;
  position: absolute;
  top: 0;
  width: 14px;
}

.ldp .vector-7 {
  height: 12px;
  left: 7px;
  position: absolute;
  top: 8px;
  width: 16px;
}

.ldp .bo-him-100 {
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-weight: 900;
  left: 93px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 19px;
}

.ldp .frame-191 {
  align-items: center;
  display: inline-flex;
  gap: 29.66px;
  left: 51px;
  position: absolute;
  top: 371px;
}

.ldp .frame-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 229, 147, 1) 100%);
  border-radius: 11.12px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.74px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.ldp .frame-1 {
  align-items: center;
  background: linear-gradient(180deg, rgba(190, 162, 99, 0) 0%, rgba(0, 23, 78, 1) 100%);
  border: none;
  border-radius: 11.12px;
  display: flex;
  flex-direction: column;
  gap: 7.41px;
  height: 83.79px;
  justify-content: center;
  padding: 8.9px 20.76px 8.16px 7.41px;
  position: relative;
  width: 304.74px;
}

.ldp .frame-187 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8.9px;
  position: relative;
}

.ldp .delivery-time {
  height: 66.73px;
  position: relative;
  width: 66.73px;
}

.ldp .frame-185 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.22px;
  position: relative;
  width: 200.94px;
}

.ldp .frame-186 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.22px;
  position: relative;
  width: 100%;
}

.ldp .tc-siu-nhanh {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.74px;
  position: relative;
  white-space: nowrap;
}

.ldp .x-l-trong-vi-giy {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.ldp .security-shield {
  height: 66.73px;
  position: relative;
  width: 66.73px;
}

.ldp .bo-mt-tuyt-i {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.74px;
  position: relative;
}

.ldp .cng-ngh-m-ho-tin-tin {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.ldp .online-support {
  height: 66.73px;
  position: relative;
  width: 66.73px;
}

.ldp .an-ton-247 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.74px;
  position: relative;
}

.ldp .h-tr-mi-lc-mi-ni {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.ldp .group-2122073840 {
  height: 70px;
  left: 1289px;
  position: absolute;
  top: 395px;
  width: 542px;
}

.ldp .rectangle-5 {
  background: linear-gradient(90deg, rgba(255, 234, 2, 1) 0%, rgba(255, 244, 120, 1) 100%);
  border-radius: 48.66px;
  box-shadow: 0px 5.41px 5.41px #00000040;
  height: 70px;
  left: 0;
  position: absolute;
  top: 0;
  width: 540px;
}

.ldp .np-tin-ngay {
  color: #0b6000;
  font-family: var(--font-family-montserrat);
  font-size: 36px;
  font-weight: 900;
  left: calc(50.00% - 189px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 19px);
  white-space: nowrap;
  width: 377px;
}

.ldp .rectangle-346245782 {
  height: 349px;
  left: 613px;
  position: absolute;
  top: 230px;
  width: 385px;
}

.ldp .group-2122073849 {
  display: flex;
  height: 347px;
  left: 122px;
  position: absolute;
  top: 95px;
  width: 1676px;
}

.ldp .frame-11 {
  background: linear-gradient(180deg, rgba(75, 12, 12, 0.6) 0%, rgba(47, 13, 13, 0.6) 100%);
  border-color: transparent;
  border-image: linear-gradient(300deg, rgba(120, 2, 2, 1) 0%, rgba(153, 153, 153, 0) 100%) 1;
  border-right-style: solid;
  border-right-width: 3px;
  display: flex;
  height: 347px;
  position: relative;
  width: 335px;
}

.ldp .taixiu {
  display: block;
  height: 204px;
  margin-left: 88px;
  margin-top: 89px;
  object-fit: contain;
  width: 158px;
}

.ldp .frame-2122074510 {
  background: linear-gradient(180deg, rgba(75, 12, 12, 0.6) 0%, rgba(47, 13, 13, 0.6) 100%);
  border-color: transparent;
  border-image: linear-gradient(300deg, rgba(120, 2, 2, 1) 0%, rgba(153, 153, 153, 0) 100%) 1;
  border-right-style: solid;
  border-right-width: 3px;
  display: flex;
  height: 347px;
  justify-content: center;
  position: relative;
  width: 335px;
}

.ldp .gamebai {
  display: block;
  height: 206px;
  margin-left: 2px;
  margin-top: 87px;
  object-fit: contain;
  width: 175px;
}

.ldp .frame-2122074507-1 {
  background: linear-gradient(180deg, rgba(75, 12, 12, 0.6) 0%, rgba(47, 13, 13, 0.6) 100%);
  border-color: transparent;
  border-image: linear-gradient(300deg, rgba(120, 2, 2, 1) 0%, rgba(153, 153, 153, 0) 100%) 1;
  border-right-style: solid;
  border-right-width: 3px;
  height: 347px;
  position: relative;
  width: 335px;
}

.ldp .hinhsang {
  height: 452px;
  left: -104px;
  mix-blend-mode: screen;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -16px;
  transition: opacity 0.3s ease;
  width: 570px;
  z-index: 3;
}

.ldp .game-cell {
  cursor: pointer;
}

.ldp .game-cell.is-active .hinhsang {
  opacity: 1;
}

.ldp .game-cell:hover .hinhsang {
  opacity: 1;
}

.ldp .slotgame {
  display: block;
  height: 206px;
  left: calc(50.00% - 88.5px);
  object-fit: contain;
  position: absolute;
  top: 87px;
  width: 177px;
}

.ldp .game-cell.is-active img:not(.hinhsang) {
  transform: scale(1.18);
}

.ldp .game-cell:hover img:not(.hinhsang) {
  transform: scale(1.18);
}

.ldp .frame-2122074511 {
  background: linear-gradient(180deg, rgba(75, 12, 12, 0.6) 0%, rgba(47, 13, 13, 0.6) 100%);
  border-color: transparent;
  border-image: linear-gradient(300deg, rgba(120, 2, 2, 1) 0%, rgba(153, 153, 153, 0) 100%) 1;
  border-right-style: solid;
  border-right-width: 3px;
  display: flex;
  height: 347px;
  justify-content: center;
  position: relative;
  width: 335px;
}

.ldp .daga {
  display: block;
  height: 238px;
  margin-left: 0.7px;
  margin-top: 55px;
  object-fit: contain;
  width: 159.73px;
}

.ldp .frame-2122074512 {
  background: linear-gradient(180deg, rgba(75, 12, 12, 0.6) 0%, rgba(47, 13, 13, 0.6) 100%);
  border-color: transparent;
  border-image: linear-gradient(300deg, rgba(120, 2, 2, 1) 0%, rgba(153, 153, 153, 0) 100%) 1;
  border-right-style: solid;
  border-right-width: 3px;
  display: flex;
  height: 347px;
  justify-content: center;
  margin-left: 1px;
  position: relative;
  width: 335px;
}

.ldp .banca {
  display: block;
  height: 236px;
  margin-left: 0.7px;
  margin-top: 57px;
  object-fit: contain;
  width: 159.73px;
}

.ldp .taixiu,
.ldp .gamebai,
.ldp .daga,
.ldp .banca {
  position: relative;
}

.ldp .taixiu,
.ldp .gamebai,
.ldp .slotgame,
.ldp .daga,
.ldp .banca {
  transition: transform 0.3s ease;
  z-index: 4;
}

.ldp .group-2122073849:not(.has-selection):hover .game-cell.is-active:not(:hover) .hinhsang {
  opacity: 0;
}

.ldp .group-2122073849:not(.has-selection):hover .game-cell.is-active:not(:hover) img:not(.hinhsang) {
  transform: none;
}

.ldp .image-31334577 {
  aspect-ratio: 0.56;
  height: 816px;
  left: 1395px;
  object-fit: cover;
  position: absolute;
  top: 1777px;
  width: 459px;
  z-index: 2;
}

.ldp .image-31334581 {
  aspect-ratio: 2.27;
  height: 243px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1777px;
  width: 466px;
  z-index: 2;
}

.ldp .image-31334582 {
  aspect-ratio: 2.27;
  height: 174px;
  left: 1478px;
  object-fit: cover;
  position: absolute;
  top: 930px;
  width: 395px;
  z-index: 2;
}

.ldp .hinh1 {
  height: 231px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2120px;
  width: 1920px;
}

.ldp .hinh2 {
  height: 200px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 110px;
  width: 1921px;
}

.ldp .image-8-4 {
  object-fit: cover;
  position: absolute;
}

.ldp .layer_1-3 {
  aspect-ratio: 1;
  height: 40px;
  position: relative;
  width: 40px;
}

.ldp .rectangle-45-3 {
  background: linear-gradient(90deg, rgba(143, 134, 86, 0) 0%, rgba(245, 229, 147, 1) 88%);
  border-radius: 30px;
  height: 10px;
  width: 169px;
}

.ldp .rectangle-46-3 {
  background: linear-gradient(90deg, rgba(143, 134, 86, 0) 0%, rgba(245, 229, 147, 1) 88%);
  border-radius: 30px;
  height: 10px;
  transform: rotate(180deg);
  width: 169px;
}

.ldp .vng-lixi-3 {
  aspect-ratio: 4.15;
  object-fit: cover;
  position: absolute;
}

.ldp .np-rt-siu-tc,
.ldp .bo-him-100,
.ldp .x-l-trong-vi-giy,
.ldp .cng-ngh-m-ho-tin-tin,
.ldp .h-tr-mi-lc-mi-ni,
.ldp .bo-mt-tuyt-i,
.ldp .an-ton-247,
.index .np-rt-siu-tc-1,
.index .bo-him-100-1,
.index .tc-siu-nhanh-1,
.index .bo-mt-tuyt-i-1,
.index .an-ton-247-1,
.index .x-l-trong-vi-giy-1,
.index .cng-ngh-m-ho-tin-tin-1,
.index .h-tr-mi-lc-mi-ni-1 {
  white-space: nowrap;
}
/* form fields */

.field-input {
  background: transparent;
  border: none;
  border-radius: 100px;
  box-shadow: none;
  caret-color: var(--turbo);
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-style: normal;
  font-weight: 400;
  margin: 0;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.ldp .field-input {
  font-size: var(--font-size-m);
  padding: 0 120px 0 95px;
}

.index .field-input {
  font-size: var(--font-size-xs);
  padding: 0 90px 0 82px;
}

.index .password-1 .field-input,
.index .phone-number-1 .field-input {
  padding-left: 87px;
}

.field-input::placeholder {
  color: transparent;
  opacity: 0;
}

.field:focus-within .field-label,
.field.field-filled .field-label {
  opacity: 0;
}

/* validation error below each input */
.field-error {
  color: #ffffff;
  font-family: var(--font-family-roboto);
  font-weight: 600;
  left: 0;
  letter-spacing: 0;
  line-height: 1.1;
  margin-top: 1px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
  top: 100%;
  white-space: nowrap;
  z-index: 40;
}

.ldp .field-error {
  font-size: 20px;
}

.index .field-error {
  font-size: 12px;
}

.ldp .mdieye,
.index .mdieye-1 {
  align-items: center;
  color: #eeca7b;
  cursor: pointer;
  display: flex;
  justify-content: center;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
}

.ldp .mdieye svg {
  display: block;
  height: 100%;
  width: 100%;
}

.index .mdieye-1 svg {
  display: block;
  height: 62%;
  width: 62%;
}

.ldp .mdieye .ico-eye,
.index .mdieye-1 .ico-eye {
  display: none;
}

.ldp .mdieye.is-open .ico-eye,
.index .mdieye-1.is-open .ico-eye {
  display: block;
}

.ldp .mdieye.is-open .ico-eye-off,
.index .mdieye-1.is-open .ico-eye-off {
  display: none;
}

.ldp .thamgia,
.index .thamgia {
  animation: cta-zoom 1.5s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform;
}

@keyframes cta-zoom {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}

@media screen and (orientation: portrait) {
  .screen.ldp {
    display: none;
  }
  .screen.index {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .screen.ldp {
    display: block;
  }
  .screen.index {
    display: none;
  }
}