/* screen - frame-179 */

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

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

.frame-179 {
  background-color: #02133c;
  height: 3807px;
  min-width: 383px;
  overflow: hidden;
  position: relative;
  width: 383px;
}

.frame-179 .man_pressing_button_2-k_202608240013-2-1 {
  height: 403px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 381px;
}

.frame-179 .group-60-1 {
  display: flex;
  height: 322px;
  left: -74px;
  position: absolute;
  top: 86px;
  width: 322px;
}

.frame-179 .man_pressing_button_-1 {
  aspect-ratio: 1;
  height: 321.89px;
  margin-left: 73.9px;
  width: 247.97px;
}

.frame-179 .image-6-1 {
  aspect-ratio: 2.67;
  height: 39px;
  left: 136px;
  object-fit: cover;
  position: absolute;
  top: 15px;
  width: 104px;
}

.frame-179 .frame-157 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5.68px;
  height: 111px;
  left: 216px;
  position: absolute;
  top: 211px;
  width: 150px;
}

.frame-179 .frame-157 > .frame-15-2 {
  animation: zo88-zoom-loop 8s ease-in-out infinite;
  will-change: transform;
}
.frame-179 .frame-157 > .frame-15-2:nth-child(2) {
  animation-delay: 2s;
}
.frame-179 .frame-157 > .frame-15-2:nth-child(3) {
  animation-delay: 4s;
}
.frame-179 .frame-157 > .frame-15-2:nth-child(4) {
  animation-delay: 6s;
}

.frame-179 .frame-15-2 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(85deg, rgba(34, 61, 107, 1) 26%, rgba(255, 221, 2, 0) 92%);
  border-radius: 73.86px;
  display: flex;
  flex-direction: column;
  gap: 0.85px;
  height: 23.37px;
  justify-content: center;
  padding: 3.73px 10.19px 2.24px 9.66px;
  position: relative;
  width: 100%;
}

.frame-179 .frame-154 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4.26px;
  position: relative;
}

.frame-179 .ellipse-5-6 {
  object-fit: cover;
}

.frame-179 .premier-league-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 103.91px;
}

.frame-179 .ellipse-5-7 {
  object-fit: cover;
}

.frame-179 .champions-league-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 103.91px;
}

.frame-179 .la-liga-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 103.91px;
}

.frame-179 .uefa-super-cup-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 103.91px;
}

.frame-179 .vector-5-1 {
  height: 410px;
  left: 0;
  position: absolute;
  top: 343px;
  width: 383px;
}

.frame-179 .image-9-1 {
  height: 208px;
  left: 0;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 256px;
  width: 383px;
}

.frame-179 .zo88-form {
  height: 190px;
  left: 31px;
  position: absolute;
  top: 427px;
  width: 330px;
}

.frame-179 .zo88-form-scale {
  height: 300px;
  left: 0;
  position: absolute;
  top: 3.7px;
  transform: scale(0.6089);
  transform-origin: top left;
  width: 542px;
}

.zo88-form .zf-field {
  background: url('../form/input.webp') no-repeat center / 100% 100%;
  height: 81px;
  left: 0;
  position: absolute;
  width: 542px;
}

.zo88-form .zf-field-1 {
  top: 0;
}

.zo88-form .zf-field-2 {
  top: 99px;
}

.zo88-form .zf-field-3 {
  top: 198px;
}

.zo88-form .zf-icon {
  height: 30px;
  left: 26px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

.zo88-form .zf-input {
  background: transparent;
  border: none;
  color: #0d2b07;
  font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  height: 100%;
  left: 64px;
  outline: none;
  position: absolute;
  top: 0;
  width: calc(100% - 90px);
}

.zo88-form .zf-input::placeholder {
  color: #5B3D13;
  font-weight: bold;
}

.zo88-form .zf-input[type=password] {
  padding-right: 58px;
}

.zo88-form .zf-toggle {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  margin: 0;
  opacity: .85;
  padding: 0;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .2s;
  width: 24px;
  z-index: 4;
}

.zo88-form .zf-toggle:hover {
  opacity: 1;
}

.zo88-form .zf-toggle svg {
  height: 100%;
  width: 100%;
}

.zo88-form .zf-toggle .eye-off {
  display: none;
}

.zo88-form .zf-toggle.reveal .eye-on {
  display: none;
}

.zo88-form .zf-toggle.reveal .eye-off {
  display: block;
}

.zo88-form .zf-msg {
  color: #ffb3a7;
  font-size: 14px;
  font-weight: 600;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  width: 542px;
}

.zo88-form .zf-msg.show {
  opacity: 1;
}

.zo88-form .zf-msg-1 {
  top: 84px;
}

.zo88-form .zf-msg-2 {
  top: 183px;
}

.zo88-form .zf-msg-3 {
  top: 282px;
}

.frame-179 .group-80 {
  height: 299px;
  left: 6px;
  position: absolute;
  top: 601px;
  width: 370px;
}

.frame-179 .neon_switch_text_tra-1 {
  aspect-ratio: 1.5;
  cursor: pointer;
  height: 277px;
  left: 17px;
  position: absolute;
  top: 0;
  transition: transform .2s ease, filter .2s ease;
  width: 346px;
  animation: neon-switch-zoom 1.4s ease-in-out infinite;
}

.frame-179 .neon_switch_text_tra-1:hover {
  filter: brightness(1.15);
  transform: scale(1.04);
}

.frame-179 .neon_switch_text_tra-1:active {
  transform: scale(0.98);
}

.frame-179 .isolating_gold_flare-6 {
  cursor: pointer;
  height: 195px;
  left: 6px;
  top: 705px;
  width: 370px;
}

.frame-179 .group-79-1 {
  height: 76px;
  left: -38px;
  position: absolute;
  top: 855px;
  width: 786px;
}

.frame-179 .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: 17px;
  width: 784px;
}

.frame-179 .ng-k-zo88-ngay-h-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 164px;
  letter-spacing: 0;
  line-height: normal;
  overflow: hidden;
  position: absolute;
  top: 23px;
  white-space: nowrap;
  width: 620px;
}

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

.frame-179 .frame-194 {
  cursor: grab;
  height: 72.16px;
  left: 31px;
  overflow: hidden;
  position: absolute;
  top: 941px;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  width: 352px;
}

.frame-179 .frame-194:active {
  cursor: grabbing;
}

.frame-179 .zo88-frame194-track {
  align-items: center;
  display: inline-flex;
  gap: 12.77px;
  will-change: transform;
}

.frame-179 .zo88-frame194-track img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.frame-179 .zo88-frame194-slide {
  flex: none;
  width: 275.62px;
}

.frame-179 .zo88-frame194-img {
  display: block;
  height: 72.16px;
  object-fit: cover;
  width: 100%;
}

.frame-179 .group-81-1 {
  height: 410px;
  left: -463px;
  position: absolute;
  top: 977px;
  width: 1490px;
}

.frame-179 .rectangle-19-1 {
  height: 341px;
  left: 0;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 69px;
  width: 1298px;
}

.frame-179 .rectangle-20-1 {
  background: linear-gradient(180deg, rgba(2, 24, 75, 1) 0%, rgba(0, 23, 78, 0) 54%, rgba(0, 23, 78, 0) 69%, rgba(2, 19, 60, 1) 96%);
  height: 341px;
  left: 1px;
  position: absolute;
  top: 69px;
  width: 1298px;
}

.frame-179 .ellipse-7-1 {
  background-color: var(--white);
  border-radius: 235.96px/193.36px;
  filter: blur(88.68px);
  height: 387px;
  left: 413px;
  mix-blend-mode: overlay;
  position: absolute;
  top: 23px;
  width: 472px;
}

.frame-179 .frame-171-1 {
  cursor: grab;
  height: 243px;
  left: 463px;
  overflow: hidden;
  position: absolute;
  top: 99px;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  width: 383px;
}

.frame-179 .frame-171-1:active {
  cursor: grabbing;
}

.frame-179 .frame-171-track {
  align-items: center;
  display: inline-flex;
  gap: 39.04px;
  will-change: transform;
}

.frame-179 .frame-171-track img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.frame-179 .image-11-1,
.frame-179 .image-12-1,
.frame-179 .image-8-1,
.frame-179 .rectangle-25-2 {
  pointer-events: none;
}

.frame-179 .frame-1-4 {
  width: 205.05px;
}

.frame-179 .adobe-express-file-1 {
  align-self: stretch;
  height: auto;
  position: relative;
  width: 100%;
}


.frame-179 .rectangle-25-2 {
  background: linear-gradient(270deg, rgba(0, 23, 78, 1) 10%, rgba(0, 23, 78, 0) 35%, rgba(0, 23, 78, 0) 69%, rgba(0, 23, 78, 1) 89%);
  height: 339px;
  left: 3px;
  position: absolute;
  top: 37px;
  width: 1298px;
}

.frame-179 .image-11-1 {
  aspect-ratio: 1.78;
  height: 134px;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 167px;
  width: 239px;
}

.frame-179 .image-12-1 {
  aspect-ratio: 1.78;
  height: 134px;
  left: 1px;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 167px;
  width: 239px;
}

.frame-179 .image-8-1 {
  height: 150px;
  left: calc(50.00% - 282px);
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 383px;
}

.frame-179 .group-64-1 {
  height: 366px;
  left: -97px;
  position: absolute;
  top: 1691px;
  width: 521px;
}

.frame-179 .vector-3-1 {
  height: 279px;
  left: 141px;
  position: absolute;
  top: 90px;
  width: 339px;
}

.frame-179 .group-62-1 {
  height: 347px;
  left: 0;
  position: absolute;
  top: 0;
  width: 461px;
}

.frame-179 .goalkeeper_diving_to-1 {
  aspect-ratio: 1.79;
  height: 321px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 26px;
  width: 364px;
}

.frame-179 .designing_custom_aff-1 {
  aspect-ratio: 1;
  height: 138px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 112px;
}

.frame-179 .k-sport-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(51deg, rgba(10, 10, 86, 1) 0%, rgba(161, 32, 194, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 126.4px;
  font-weight: 900;
  left: 318px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: right;
  text-fill-color: transparent;
  top: 107px;
}

.frame-179 .span0-3 {
  color: var(--black);
  position: relative;
  top: 33px;
}

.frame-179 .span1-3 {
  color: var(--black);
  font-size: 40.5px;
  position: relative;
  top: -65px;
}

.frame-179 .group-82-1 {
  height: 398px;
  left: -50px;
  position: absolute;
  top: 1387px;
  width: 499px;
}

.frame-179 .siu-h-th-thao-tr-li-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 28.7px;
  font-weight: 900;
  left: 73px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.65px 4.13px #fff8d140;
  top: 0;
  width: 336px;
}

.frame-179 .group-65-1 {
  height: 370px;
  left: 0;
  position: absolute;
  top: 28px;
  width: 493px;
}

.frame-179 .download-1 {
  aspect-ratio: 0.75;
  height: 370px;
  left: 50px;
  mix-blend-mode: screen;
  position: absolute;
  top: 0;
  width: 383px;
}

.frame-179 .untitled-lc-020545-24-thng-8-2026-1-1-1 {
  aspect-ratio: 0.68;
  height: 290px;
  left: 50px;
  position: absolute;
  top: 31px;
  width: 383px;
}

.frame-179 .text-2 {
  -webkit-text-stroke: 0.64px #3affee;
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 32.7px;
  font-weight: 900;
  left: 128px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 0.64px 5.12px #3affee;
  top: 212px;
  animation: zo88-money-glow 2.2s ease-in-out infinite;
}
.frame-179 .text-2 span {
  display: inline-block;
  animation: zo88-digit-zoom 2.2s ease-in-out infinite;
}
.frame-179 .text-2 span:nth-child(1) { animation-delay: 0s; }
.frame-179 .text-2 span:nth-child(2) { animation-delay: .08s; }
.frame-179 .text-2 span:nth-child(3) { animation-delay: .16s; }
.frame-179 .text-2 span:nth-child(4) { animation-delay: .24s; }
.frame-179 .text-2 span:nth-child(5) { animation-delay: .32s; }
.frame-179 .text-2 span:nth-child(6) { animation-delay: .4s; }
.frame-179 .text-2 span:nth-child(7) { animation-delay: .48s; }
.frame-179 .text-2 span:nth-child(8) { animation-delay: .56s; }
.frame-179 .text-2 span:nth-child(9) { animation-delay: .64s; }
.frame-179 .text-2 span:nth-child(10) { animation-delay: .72s; }
.frame-179 .text-2 span:nth-child(11) { animation-delay: .8s; }
.frame-179 .text-2 span:nth-child(12) { animation-delay: .88s; }
.frame-179 .text-2 span:nth-child(13) { animation-delay: .96s; }

.frame-179 .n-h-1 {
  color: #14ffeb;
  font-family: var(--font-family-montserrat);
  font-size: 32.7px;
  font-weight: 900;
  left: 188px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 164px;
}

.frame-179 .image-13-1 {
  height: 150px;
  left: calc(50.00% - 192px);
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 2076px;
  width: 383px;
}

.frame-179 .group-83 {
  height: 422px;
  left: 18px;
  position: absolute;
  top: 2188px;
  width: 360px;
}

.frame-179 .group-67-1 {
  height: 159px;
  left: 0;
  position: absolute;
  top: 0;
  width: 351px;
}

.frame-179 .vector-4-3 {
  height: 109px;
  left: 1px;
  top: 50px;
}

.frame-179 .sp-n-h-ti-xu-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 13.2px;
  font-weight: 900;
  left: 20px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.19px 1.21px #fff8d140;
  top: 63px;
  width: 160px;
}

.frame-179 .x10t-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  left: 20px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.65px 4.11px #fff8d140;
  top: 79px;
  width: 128px;
}

.frame-179 .isolating_gold_flare-7 {
  height: 68px;
  left: 0;
  top: 90px;
  width: 131px;
}

.frame-179 .mi-ngy-1 {
  left: 151px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 98px;
  width: 39px;
}

.frame-179 .untitled-lc-022223-24-thng-8-2026-1-1 {
  aspect-ratio: 0.74;
  height: 159px;
  left: 195px;
  position: absolute;
  top: 0;
  width: 118px;
}

.frame-179 .rectangle-5-3 {
  height: 16px;
  left: 49px;
  top: 133px;
  width: 102px;
}

.frame-179 .group-71-1 {
  height: 134px;
  left: 3px;
  position: absolute;
  top: 288px;
  width: 351px;
}

.frame-179 .vector-4-4 {
  height: 109px;
  left: -1px;
  top: 26px;
}

.frame-179 .top-cc-tranh-ti-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 10.1px;
  font-weight: 900;
  left: 28px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.19px 1.21px #fff8d140;
  top: 39px;
  width: 141px;
}

.frame-179 .x300tr-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  left: 14px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.65px 4.11px #fff8d140;
  top: 53px;
  width: 177px;
}

.frame-179 .isolating_gold_flare-8 {
  height: 68px;
  left: 44px;
  top: 66px;
  width: 131px;
}

.frame-179 .thng-1 {
  left: 72px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 52px;
  width: 61px;
}

.frame-179 .untitled-lc-024307-24-thng-8-2026-1-1 {
  aspect-ratio: 1;
  height: 134px;
  left: 190px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 134px;
}

.frame-179 .rectangle-5-4 {
  height: 16px;
  left: 48px;
  top: 109px;
  width: 102px;
}

.frame-179 .tham-gia-ngay-3 {
  left: 61px;
  top: 114px;
}

.frame-179 .group-70-1 {
  height: 280px;
  left: 3px;
  position: absolute;
  top: 86px;
  width: 357px;
}

.frame-179 .group-68-1 {
  height: 117px;
  left: 1px;
  position: absolute;
  top: 93px;
  width: 357px;
}

.frame-179 .vector-4-5 {
  height: 118px;
  left: -1px;
  top: -1px;
}

.frame-179 .group-69-1 {
  height: 94px;
  left: 191px;
  position: absolute;
  top: 14px;
  width: 174px;
}

.frame-179 .bo-him-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 13.2px;
  font-weight: 900;
  left: 20px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.19px 1.21px #fff8d140;
  top: 1px;
  width: 90px;
}

.frame-179 .percent-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.65px 4.11px #fff8d140;
  top: 9px;
  width: 143px;
}

.frame-179 .isolating_gold_flare-9 {
  height: 72px;
  left: 27px;
  top: 18px;
  width: 139px;
}

.frame-179 .np-rt-uy-tn-1 {
  left: 13px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 58px;
  width: 111px;
}

.frame-179 .rectangle-5-5 {
  height: 18px;
  left: 20px;
  top: 76px;
  width: 101px;
}

.frame-179 .tham-gia-ngay-4 {
  left: 38px;
  top: 80px;
}

.frame-179 .tham-gia-ngay-5 {
  left: 62px;
  top: 138px;
}
.frame-179 .x3-d_game_visual_elem-1 {
  aspect-ratio: 1.58;
  height: 116px;
  left: 0;
  mix-blend-mode: screen;
  position: absolute;
  top: 94px;
  width: 184px;
}

.frame-179 .untitled-lc-023557-24-thng-8-2026-1-1 {
  aspect-ratio: 0.66;
  height: 280px;
  left: 0;
  position: absolute;
  top: 0;
  width: 184px;
}

.frame-179 .frame-180-1 {
  background-color: var(--black);
  height: 665px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 2703px;
  width: 383px;
}

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

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

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

.frame-179 .frame-184-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 36px;
  position: absolute;
  top: 27px;
  width: 306px;
}

.frame-179 .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;
}

.frame-179 .lightning-bolt-1 {
  height: 17.43px;
  position: relative;
  width: 17.43px;
}

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

.frame-179 .span0-2 {
  color: var(--white);
  font-style: italic;
}

.frame-179 .span1-2 {
  color: var(--turbo);
  font-style: italic;
}

.frame-179 .frame-183-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.frame-179 .frame-182-1 {
  align-items: center;
  display: inline-flex;
  gap: 6.29px;
  height: 59.72px;
  position: relative;
}

.frame-179 .number-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(191deg, rgba(255, 234, 2, 1) 0%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: 70.2px;
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -12.36px;
  margin-top: -12.93px;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.frame-179 .cng-np-uy-tn-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.frame-179 .np-rt-nhanh-chng-1 {
  align-self: flex-start;
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -12px;
  position: relative;
  white-space: nowrap;
}

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

.frame-179 .frame-1-5::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;
}

.frame-179 .frame-1-5 {
  background-image: url(../img/nen.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  border-radius: 11.7px;
  gap: 7.8px;
  height: 88.11px;
  padding: 9.36px 21.83px 8.58px 7.8px;
  width: 320.47px;
}

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

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

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

.frame-179 .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%;
}

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

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

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

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

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

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

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

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

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

.frame-179 .rectangle-30-1 {
  height: 85.81px;
  object-fit: cover;
  position: relative;
  right: 0.5px;
  width: 127.52px;
}

.frame-179 .rectangle-3-1 {
  height: 86.81px;
  position: relative;
  width: 127.52px;
}

.frame-179 .image-17 {
  aspect-ratio: 2.17;
  height: 178px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 3629px;
  width: 385px;
}

.frame-179 .group-58-1 {
  height: 3.75%;
  left: 36.03%;
  position: absolute;
  top: 72px;
  width: 58.52%;
}

.frame-179 .group-56-1 {
  height: 85px;
  left: 10px;
  position: absolute;
  top: 3px;
  transform: rotate(2.62deg);
  width: 204px;
}

.frame-179 .group-55-1 {
  height: 56.37%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.27%;
}

.frame-179 .bt-3 {
  height: 221.77%;
  left: -14.70%;
  top: -59.12%;
  width: 128.49%;
}

.frame-179 .bt-4 {
  height: 94.39%;
  left: 0;
  top: 2.76%;
  width: 99.68%;
}

.frame-179 .bt-5 {
  height: 122.52%;
  left: 0;
  top: -10.62%;
  width: 106.33%;
}

.frame-179 .isolating_gold_flare-10 {
  height: 65px;
  left: 86px;
  top: 17px;
  transform: rotate(-2.62deg);
  width: 111px;
}

.frame-179 .group-57-1 {
  height: 34.41%;
  left: 10.59%;
  position: absolute;
  top: 35.59%;
  transform: rotate(-0.04deg);
  width: 73.94%;
}

.frame-179 .zo88-3 {
  height: 109.77%;
  left: 0;
  top: -2.06%;
  width: 102.33%;
}

.frame-179 .zo88-4 {
  height: 98.27%;
  left: 0;
  top: 0;
  width: 98.90%;
}

.frame-179 .zo88-5 {
  height: 126.21%;
  left: -3.24%;
  top: -11.75%;
  width: 107.28%;
}

.frame-179 .bt-cm-xc-1 {
  height: 39.08%;
  left: 9.99%;
  position: absolute;
  top: 55.36%;
  width: 79.63%;
}

.frame-179 .isolating_gold_flare-11 {
  height: 110px;
  left: 5px;
  top: 32px;
  width: 179px;
}

.frame-179 .bt {
  position: absolute;
  transform: rotate(-2.62deg);
}

.frame-179 .ellipse-5 {
  height: 17.4px;
  position: relative;
  width: 17.4px;
}

.frame-179 .frame-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.frame-179 .isolating_gold_flare {
  aspect-ratio: 1.86;
  mix-blend-mode: screen !important;
  position: absolute;
}

.frame-179 .rectangle-5 {
  background: linear-gradient(90deg, rgba(255, 234, 2, 1) 0%, rgba(255, 244, 120, 1) 100%);
  border-radius: 12.27px;
  box-shadow: 0px 1.36px 1.36px #00000040;
  position: absolute;
}

.frame-179 .tham-gia-ngay {
  color: var(--san-felix);
  font-family: var(--font-family-montserrat);
  font-size: 7.2px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  width: 75px;
}

.frame-179 .vector-4 {
  position: absolute;
  width: 344px;
}

.frame-179 .zo88 {
  position: absolute;
  transform: rotate(0.04deg);
}
/* screen - index */

.index {
  background-color: #02133c;
  min-height: 5394px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.index .group-78 {
  display: flex;
  height: 1149px;
  left: -208px;
  position: absolute;
  top: 0;
  width: 2717px;
}

.index .man_pressing_button_2-k_202608240013-2 {
  height: 1149px;
  margin-left: 208px;
  object-fit: cover;
  width: 1920px;
}

.index .rectangle-22 {
  background: linear-gradient(0deg, rgba(0, 23, 78, 1) 10%, rgba(0, 23, 78, 0) 82%);
  height: 1066px;
  left: 0;
  position: absolute;
  top: 1651px;
  width: 1920px;
}

.index .group-61 {
  height: 910px;
  left: 5px;
  position: absolute;
  top: 1601px;
  width: 1920px;
}

.index .rectangle-23 {
  height: 910px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1915px;
}

.index .rectangle-24 {
  background: linear-gradient(180deg, rgba(0, 23, 78, 1) 0%, rgba(0, 23, 78, 0) 54%, rgba(0, 23, 78, 0) 69%, rgba(0, 23, 78, 1) 96%);
  height: 910px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .rectangle-25 {
  background: linear-gradient(270deg, rgba(0, 23, 78, 1) 10%, rgba(0, 23, 78, 0) 35%, rgba(0, 23, 78, 0) 69%, rgba(0, 23, 78, 1) 89%);
  height: 910px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .group-66 {
  background: linear-gradient(180deg, rgba(0, 23, 78, 1) 10%, rgba(0, 0, 0, 1) 89%);
  height: 2282px;
  left: calc(50.00% - 973px);
  position: absolute;
  top: 2503px;
  width: 1938px;
}

.index .ellipse-8 {
  background-color: var(--white);
  border-radius: 684.5px/420.5px;
  filter: blur(131.16px);
  height: 841px;
  left: 904px;
  mix-blend-mode: overlay;
  position: absolute;
  top: 1670px;
  width: 1369px;
}

.index .group-64 {
  height: 768px;
  left: 685px;
  position: absolute;
  top: 1629px;
  width: 1093px;
}

.index .vector-3 {
  height: 586px;
  left: 297px;
  position: absolute;
  top: 189px;
  width: 800px;
}

.index .group-62 {
  height: 729px;
  left: 0;
  position: absolute;
  top: 0;
  width: 970px;
}

.index .goalkeeper_diving_to {
  aspect-ratio: 1.79;
  height: 674px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 54px;
  width: 970px;
}

.index .designing_custom_aff {
  aspect-ratio: 1;
  height: 290px;
  left: 151px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 290px;
}

.index .k-sport {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(51deg, rgba(10, 10, 86, 1) 0%, rgba(161, 32, 194, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 265.7px;
  font-weight: 900;
  left: 668px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: right;
  text-fill-color: transparent;
  top: 298px;
}

.index .span0-1 {
  color: var(--black);
}

.index .span1-1 {
  color: var(--black);
  font-size: 85.2px;
  position: relative;
  top: -214px;
}

.index .frame-155 {
  align-items: center;
  background: linear-gradient(85deg, rgba(34, 61, 107, 1) 26%, rgba(255, 221, 2, 0) 92%);
  display: flex;
  gap: 20px;
  height: 66px;
  justify-content: center;
  left: -33px;
  position: absolute;
  top: 1001px;
  transform: rotate(-7.28deg);
  width: 1986px;
}

.index .frame-15 {
  align-items: center;
  display: flex;
  gap: 9.17px;
  position: relative;
  width: 240.84px;
}

.index .ellipse-5-2 {
  object-fit: cover;
}

.index .premier-league {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -29.27px;
  position: relative;
  width: 223.52px;
}

.index .frame-15-1 {
  align-items: center;
  display: flex;
  gap: 9.17px;
  position: relative;
  width: 264.4px;
}

.index .ellipse-5-3 {
  object-fit: cover;
}

.index .champions-league {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -5.72px;
  position: relative;
  width: 223.52px;
}

.index .frame-1 {
  align-items: center;
  display: flex;
  gap: 9.17px;
  position: relative;
  width: 136.91px;
}

.index .la-liga {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -133.21px;
  position: relative;
  width: 223.52px;
}

.index .frame-1-1 {
  gap: 9.17px;
  width: 240.84px;
}

.index .ellipse-5 {
  height: 37.44px;
  object-fit: cover;
  position: relative;
  transform: rotate(7.28deg);
  width: 37.44px;
}

.index .uefa-super-cup {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -29.28px;
  position: relative;
  width: 223.52px;
}

.index .ellipse-5-1 {
  object-fit: cover;
}

.index .group-82 {
  height: 686px;
  left: 128px;
  position: absolute;
  top: 1739px;
  width: 774px;
}

.index .siu-h-th-thao-tr-li {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 64.1px;
  font-weight: 900;
  left: 8px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 1.46px 9.22px #fff8d140;
  top: 0;
  width: 752px;
}

.index .group-65 {
  height: 577px;
  left: 0;
  position: absolute;
  top: 109px;
  width: 768px;
}

.index .download-1 {
  aspect-ratio: 0.75;
  height: 577px;
  left: 78px;
  mix-blend-mode: screen;
  position: absolute;
  top: 0;
  width: 597px;
}

.index .untitled-lc-020545-24-thng-8-2026-1-1-1 {
  aspect-ratio: 0.68;
  height: 452px;
  left: 78px;
  position: absolute;
  top: 48px;
  width: 597px;
}

.index .text-1 {
  -webkit-text-stroke: 1px #3affee;
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 51px;
  font-weight: 900;
  left: 200px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 1px 8px #3affee;
  top: 397px;
}
.index .text-1 span {
  display: inline-block;
  animation: zo88-digit-zoom 2.2s ease-in-out infinite;
}
.index .text-1 span:nth-child(1) { animation-delay: 0s; }
.index .text-1 span:nth-child(2) { animation-delay: .08s; }
.index .text-1 span:nth-child(3) { animation-delay: .16s; }
.index .text-1 span:nth-child(4) { animation-delay: .24s; }
.index .text-1 span:nth-child(5) { animation-delay: .32s; }
.index .text-1 span:nth-child(6) { animation-delay: .4s; }
.index .text-1 span:nth-child(7) { animation-delay: .48s; }
.index .text-1 span:nth-child(8) { animation-delay: .56s; }
.index .text-1 span:nth-child(9) { animation-delay: .64s; }
.index .text-1 span:nth-child(10) { animation-delay: .72s; }
.index .text-1 span:nth-child(11) { animation-delay: .8s; }
.index .text-1 span:nth-child(12) { animation-delay: .88s; }
.index .text-1 span:nth-child(13) { animation-delay: .96s; }
@keyframes zo88-money-glow {
  0%, 100% {
    text-shadow: 0px 1px 8px #3affee;
  }
  50% {
    text-shadow: 0px 0px 14px #3affee, 0px 0px 34px rgba(58, 255, 238, 0.55);
  }
}
@keyframes zo88-digit-zoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.14);
  }
}

.index .n-h {
  color: #14ffeb;
  font-family: var(--font-family-montserrat);
  font-size: 51px;
  font-weight: 900;
  left: 293px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 322px;
}

.index .group-81 {
  height: 731px;
  left: 0;
  position: absolute;
  top: 1079px;
  width: 2204px;
}

.index .rectangle-19 {
  height: 504px;
  left: 0;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 68px;
  width: 1920px;
}

.index .rectangle-20 {
  background: linear-gradient(180deg, rgba(0, 23, 78, 1) 0%, rgba(0, 23, 78, 0) 54%, rgba(0, 23, 78, 0) 69%, rgba(0, 23, 78, 1) 96%);
  height: 504px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 1920px;
}

.index .rectangle-21 {
  background: linear-gradient(270deg, rgba(0, 23, 78, 1) 10%, rgba(0, 23, 78, 0) 35%, rgba(0, 23, 78, 0) 69%, rgba(0, 23, 78, 1) 89%);
  height: 504px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 1920px;
}

.index .ellipse-7 {
  background-color: var(--white);
  border-radius: 349px/286px;
  filter: blur(131.16px);
  height: 572px;
  left: 611px;
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
  width: 698px;
}

.index .frame-171 {
  cursor: grab;
  left: 51px;
  overflow: hidden;
  position: absolute;
  touch-action: pan-y;
  top: 113px;
  user-select: none;
  -webkit-user-select: none;
  width: 1869px;
}

.index .frame-171:active {
  cursor: grabbing;
}

.index .frame-171-track {
  align-items: center;
  display: inline-flex;
  gap: 57.74px;
  will-change: transform;
}

.index .frame-171-track img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.index .image-11,
.index .image-12,
.index .image-8,
.index .rectangle-25-1 {
  pointer-events: none;
}

.index .frame-1-2 {
  flex-direction: column;
  justify-content: center;
  width: 303.29px;
}

.index .adobe-express-file {
  align-self: stretch;
  height: auto;
  position: relative;
  width: 100%;
}


.index .rectangle-25-1 {
  background: linear-gradient(270deg, rgba(0, 23, 78, 1) 10%, rgba(0, 23, 78, 0) 35%, rgba(0, 23, 78, 0) 69%, rgba(0, 23, 78, 1) 89%);
  height: 502px;
  left: 5px;
  position: absolute;
  top: 20px;
  width: 1920px;
}

.index .image-11 {
  aspect-ratio: 1.78;
  height: 199px;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  right: 287px;
  top: 213px;
  width: 353px;
}

.index .image-12 {
  aspect-ratio: 1.78;
  height: 199px;
  left: 0;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 213px;
  width: 353px;
}

.index .image-8 {
  height: 359px;
  left: 212px;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 372px;
  width: 1485px;
}

.index .image-13 {
  height: 348px;
  left: 277px;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 2329px;
  width: 1481px;
}

.index .group-67 {
  height: 630px;
  left: 289px;
  position: absolute;
  top: 2503px;
  width: 1374px;
}

.index .vector-4 {
  height: 433px;
  left: 4px;
  position: absolute;
  top: 199px;
  width: 1366px;
}

.index .sp-n-h-ti-xu {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 52.2px;
  font-weight: 900;
  left: 80px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.76px 4.82px #fff8d140;
  top: 250px;
  width: 634px;
}

.index .x10t {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  left: 80px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 2.58px 16.3px #fff8d140;
  top: 314px;
  width: 508px;
}

.index .isolating_gold_flare {
  height: 266px;
  left: 0;
  top: 364px;
  width: 511px;
}

.index .mi-ngy {
  left: 599px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 390px;
  width: 154px;
}

.index .untitled-lc-022223-24-thng-8-2026-1 {
  aspect-ratio: 0.74;
  height: 630px;
  left: 772px;
  position: absolute;
  top: 0;
  width: 466px;
}

.index .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: 65px;
  left: 196px;
  position: absolute;
  top: 529px;
  width: 403px;
}

.index .group-71 {
  height: 533px;
  left: 301px;
  position: absolute;
  top: 3644px;
  width: 1370px;
}

.index .vector-4-1 {
  height: 433px;
  top: 102px;
  width: 1366px;
}

.index .top-cc-tranh-ti {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-weight: 900;
  left: 112px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.76px 4.82px #fff8d140;
  top: 153px;
  width: 559px;
}

.index .x300tr {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  left: 55px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 2.58px 16.3px #fff8d140;
  top: 211px;
  width: 703px;
}

.index .isolating_gold_flare-1 {
  height: 266px;
  left: 173px;
  top: 266px;
  width: 511px;
}

.index .thng {
  left: 287px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 207px;
  width: 240px;
}

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

.index .rectangle-5-1 {
  height: 65px;
  left: 190px;
  top: 432px;
  width: 403px;
}

.index .tham-gia-ngay {
  left: 243px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 454px;
  width: 297px;
}

.index .tham-gia-ngay-1 {
  left: 593px;
  top: 3046px;
}

.index .group-70 {
  height: 1111px;
  left: 301px;
  position: absolute;
  top: 2843px;
  width: 1397px;
}

.index .group-68 {
  height: 466px;
  left: 0;
  position: absolute;
  top: 370px;
  width: 1397px;
}

.index .vector-4-2 {
  height: 470px;
  top: -2px;
  width: 1363px;
}

.index .group-69 {
  height: 373px;
  left: 757px;
  position: absolute;
  top: 56px;
  width: 648px;
}

.index .bo-him {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: 52.2px;
  font-weight: 900;
  left: 81px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 0.76px 4.82px #fff8d140;
  top: 0;
  width: 356px;
}

.index .percent {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(78deg, rgba(188, 134, 48, 1) 0%, rgba(245, 229, 147, 1) 50%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-shadow: 0px 2.58px 16.3px #fff8d140;
  top: 35px;
  width: 565px;
}

.index .isolating_gold_flare-2 {
  height: 282px;
  left: 98px;
  top: 76px;
  width: 542px;
}

.index .np-rt-uy-tn {
  left: 52px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 230px;
  width: 438px;
}

.index .rectangle-5-2 {
  height: 70px;
  left: 81px;
  top: 303px;
  width: 402px;
}

.index .tham-gia-ngay-2 {
  left: 153px;
  top: 318px;
  width: 296px;
}

.index .x3-d_game_visual_elem {
  aspect-ratio: 1.58;
  height: 461px;
  left: 0;
  mix-blend-mode: screen;
  position: absolute;
  top: 372px;
  width: 729px;
}

.index .untitled-lc-023557-24-thng-8-2026-1 {
  aspect-ratio: 0.66;
  height: 1111px;
  left: 0;
  position: absolute;
  top: 0;
  width: 730px;
}

.index .image-14 {
  aspect-ratio: 4.36;
  height: 437px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 4957px;
  width: 1903px;
}

.index .group-72 {
  height: 1106px;
  left: 222px;
  position: absolute;
  top: -137px;
  width: 1573px;
}

.index .vector-5 {
  height: 827px;
  left: 352px;
  position: absolute;
  top: 176px;
  width: 867px;
}

.index .frame-178 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 14.41px;
  height: 478px;
  left: 1243px;
  position: absolute;
  top: 398px;
  width: 330px;
}

.index .frame-17 {
  align-self: stretch;
  height: 84.07px;
  position: relative;
  width: 100%;
}

.index .frame-17-1 {
  align-self: stretch;
  height: 84.07px;
  position: relative;
  width: 100%;
}

.index .frame-178 img {
  animation: zo88-zoom-loop 10s ease-in-out infinite;
  will-change: transform;
}
.index .frame-178 img:nth-child(2) {
  animation-delay: 2s;
}
.index .frame-178 img:nth-child(3) {
  animation-delay: 4s;
}
.index .frame-178 img:nth-child(4) {
  animation-delay: 6s;
}
.index .frame-178 img:nth-child(5) {
  animation-delay: 8s;
}
@keyframes zo88-zoom-loop {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2);
  }
  20% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.index .group-79 {
  height: 76px;
  left: 395px;
  position: absolute;
  top: 1004px;
  width: 786px;
}

.index .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: 42px;
  left: 1px;
  position: absolute;
  top: 17px;
  width: 784px;
}

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

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

.index .neon_switch_text_tra {
  aspect-ratio: 1.5;
  cursor: pointer;
  height: 358px;
  left: 607px;
  position: absolute;
  top: 713px;
  transition: transform .2s ease, filter .2s ease;
  width: 447px;
  animation: neon-switch-zoom 1.4s ease-in-out infinite;
}

.index .neon_switch_text_tra:hover {
  filter: brightness(1.15);
  transform: scale(1.04);
}

.index .neon_switch_text_tra:active {
  transform: scale(0.98);
}

.index .isolating_gold_flare-3 {
  cursor: pointer;
  height: 252px;
  left: 585px;
  top: 848px;
  width: 461px;
}

.index .zo88-form {
  height: 306px;
  left: 588px;
  position: absolute;
  top: 441px;
  width: 533px;
}

.index .zo88-form-scale {
  height: 300px;
  left: 0;
  position: absolute;
  top: 5.5px;
  transform: scale(0.9834);
  transform-origin: top left;
  width: 542px;
}

.index .image-6 {
  aspect-ratio: 2.67;
  height: 128px;
  left: 696px;
  object-fit: cover;
  position: absolute;
  top: 270px;
  width: 342px;
}

.index .image-9 {
  height: 283px;
  left: 403px;
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  top: 137px;
  width: 965px;
}

.index .group-60 {
  height: 818px;
  left: 0;
  position: absolute;
  top: 288px;
  width: 588px;
}

.index .man_pressing_button_ {
  aspect-ratio: 1;
  height: 575px;
  left: 12px;
  position: absolute;
  top: 1px;
  width: 575px;
}

.index .group-58 {
  height: 40.82%;
  left: 0;
  position: absolute;
  top: 59.18%;
  width: 89.20%;
}

.index .group-56 {
  height: 198px;
  left: 23px;
  position: absolute;
  top: 8px;
  transform: rotate(2.62deg);
  width: 478px;
}

.index .group-55 {
  height: 56.37%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.27%;
}

.index .bt {
  height: 221.77%;
  left: -14.70%;
  top: -59.23%;
  width: 129.62%;
}

.index .bt-1 {
  height: 94.39%;
  left: 0;
  top: 2.76%;
  width: 99.68%;
}

.index .bt-2 {
  height: 122.52%;
  left: 0;
  top: -10.62%;
  width: 106.33%;
}

.index .isolating_gold_flare-4 {
  height: 152px;
  left: 201px;
  top: 39px;
  transform: rotate(-2.62deg);
  width: 260px;
}

.index .group-57 {
  height: 34.41%;
  left: 10.59%;
  position: absolute;
  top: 35.59%;
  transform: rotate(-0.04deg);
  width: 73.94%;
}

.index .zo88 {
  height: 109.77%;
  left: 0;
  top: -2.06%;
  width: 102.33%;
}

.index .zo88-1 {
  height: 98.27%;
  left: 0;
  top: 0;
  width: 98.90%;
}

.index .zo88-2 {
  height: 126.21%;
  left: -3.24%;
  top: -11.75%;
  width: 107.28%;
}

.index .bt-cm-xc {
  height: 39.08%;
  left: 9.99%;
  position: absolute;
  top: 55.36%;
  width: 79.63%;
}

.index .isolating_gold_flare-5 {
  height: 258px;
  left: 13px;
  top: 76px;
  width: 419px;
}

.index .frame-193 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 4318px;
  width: 1920px;
}

.index .frame-180 {
  align-self: stretch;
  background-color: #111834;
  height: 513.04px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .image-16 {
  aspect-ratio: 1.73;
  height: 509px;
  left: 1029px;
  position: absolute;
  top: 0;
  width: 887px;
}

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

.index .b21b1b61933009d263a2 {
  aspect-ratio: 1;
  height: 896px;
  left: 1024px;
  object-fit: cover;
  position: absolute;
  top: -291px;
  width: 896px;
}

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

.index .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;
}

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

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

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

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

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

.index .frame-182 {
  align-items: center;
  display: inline-flex;
  gap: 16.02px;
  height: 152.2px;
  position: relative;
}

.index .number {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(191deg, rgba(255, 234, 2, 1) 0%, rgba(229, 179, 76, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: 178.9px;
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -31.67px;
  margin-top: -33.13px;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.index .cng-np-uy-tn {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .np-rt-nhanh-chng {
  align-self: flex-start;
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -30.58px;
  position: relative;
  white-space: nowrap;
}

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

.index .frame-1-3::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;
}

.index .frame-1-3 {
  background-image: url(../img/nen.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  border-radius: 11.12px;
  flex-direction: column;
  gap: 7.41px;
  height: 83.79px;
  justify-content: center;
  padding: 8.9px 20.76px 8.16px 7.41px;
  width: 304.74px;
}

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

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

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

.index .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%;
}

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

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

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

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

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

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

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

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

.index .frame-192 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

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

.index .rectangle-31 {
  height: 145.29px;
  position: relative;
  width: 213.42px;
}

.index .rectangle-32 {
  height: 145.29px;
  position: relative;
  width: 213.42px;
}

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

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

.index .bt-3 {
  position: absolute;
  transform: rotate(-2.62deg);
}

.index .ellipse-5-6 {
  height: 37.44px;
  position: relative;
  transform: rotate(7.28deg);
  width: 37.44px;
}

.index .frame-1-4 {
  align-items: center;
  display: flex;
  position: relative;
}

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

.index .rectangle-5-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;
  position: absolute;
}

.index .tham-gia-ngay-3 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
}

.index .vector-4-3 {
  left: -2px;
  position: absolute;
}

.index .zo88-3 {
  position: absolute;
  transform: rotate(0.04deg);
}
.ng-k-zo88-marquee-track {
  animation: ng-k-zo88-marquee-scroll 14s linear infinite;
  display: inline-flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}
.ng-k-zo88-marquee-item {
  margin-right: 80px;
  white-space: nowrap;
}
.index .rectangle-5,
.index .rectangle-5-1,
.index .rectangle-5-2,
.index .tham-gia-ngay,
.index .tham-gia-ngay-1,
.index .tham-gia-ngay-2,
.frame-179 .rectangle-5,
.frame-179 .rectangle-5-3,
.frame-179 .rectangle-5-4,
.frame-179 .rectangle-5-5,
.frame-179 .tham-gia-ngay {
  cursor: pointer;
  z-index: 20;
}
.index .rectangle-5,
.index .rectangle-5-1,
.index .rectangle-5-2,
.index .tham-gia-ngay,
.index .tham-gia-ngay-1,
.index .tham-gia-ngay-2,
.frame-179 .rectangle-5,
.frame-179 .tham-gia-ngay {
  animation: zo88-btn-zoom 2.6s ease-in-out infinite;
}@keyframes zo88-btn-zoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@keyframes ng-k-zo88-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media screen and (orientation: portrait) {
  .screen.index {
    display: none;
  }
  .screen.frame-179 {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .screen.index {
    display: block;
  }
  .screen.frame-179 {
    display: none;
  }
}
@keyframes neon-switch-zoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}