/* screen - index */

#sunwin-page {
  width: 100% !important;
  overflow: hidden;
}
.main-container {
  width: fit-content;
  transform-origin: top left;
  visibility: hidden;
}

.index {
  background-color: var(--black);
  min-height: 4511px;
  min-width: 3526px;
  overflow: hidden;
  position: relative;
  width: 3526px;
}

.index .ldp-sunwin-ramos-1 {
  aspect-ratio: 0.26;
  height: 13522px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 3526px;
}

.index .sun-p-cccdcddfdfdfd-1 {
  aspect-ratio: 0.74;
  height: 4821px;
  left: -31px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 3586px;
}

.index .group-5-dswed-1 {
  aspect-ratio: 1.24;
  height: 327px;
  left: 2217px;
  object-fit: cover;
  position: absolute;
  top: 50px;
  width: 406px;
}

.index .group-2085662943 {
  display: flex;
  flex-direction: column;
  gap: 16.9px;
  height: 242px;
  left: 1833px;
  position: absolute;
  top: 1516px;
  width: 1239px;
}

.index .group-2085662942 {
  display: flex;
  gap: 16.8px;
  margin-left: 55px;
  width: 1134.84px;
}

.index .group-1000004188 {
  display: flex;
  height: 81.1px;
  margin-top: 10.9px;
  width: 728.55px;
}

.index .ci {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 54.1px;
  font-weight: 700;
  height: 79px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-top: 2.1px;
  text-shadow: 0px 4.2px 15.55px #000000a8;
  width: 99px;
}

.index .image-9 {
  aspect-ratio: 3.41;
  height: 73.18px;
  margin-left: 22.3px;
  margin-top: 6.3px;
  object-fit: cover;
  width: 249.37px;
}

.index .ri-truy-cp {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 54.1px;
  font-weight: 700;
  height: 79px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 32.8px;
  text-shadow: 0px 4.2px 15.55px #000000a8;
  width: 321px;
}

.index .image-8 {
  aspect-ratio: 3.93;
  height: 99.15px;
  object-fit: cover;
  width: 389.51px;
}

.index .h-thng-s-t-ng {
  color: var(--white);
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 126px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-shadow: 0px 3.56px 13.18px #000000a8;
  width: 1237.11px;
}

.index .frame-103729 {
  background-color: #1b06068c;
  height: 821px;
  left: -453px;
  position: absolute;
  top: 3682px;
  width: 4468px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.index .fifa-2026-world-cup {
  aspect-ratio: 0.89;
  height: 267px;
  left: 2115px;
  position: absolute;
  top: 348px;
  width: 237px;
}

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

.index .group-2085662944 {
  display: flex;
  height: 522px;
  left: 374px;
  position: absolute;
  top: 1833px;
  width: 2744px;
}

.index .image-1268363268 {
  aspect-ratio: 1;
  height: 110.15px;
  margin-top: 206.6px;
  object-fit: cover;
  width: 110.15px;
}

.index .group-2085662941 {
  height: 522.47px;
  margin-left: 115.9px;
  margin-top: 0;
  position: relative;
  width: 2356.33px;
}

.index .group-1sdsdsxs-1 {
  aspect-ratio: 0.75;
  height: 470px;
  left: 0;
  position: absolute;
  top: 27px;
  width: 351px;
}

.index .group-1sdsdsxs-2 {
  aspect-ratio: 0.92;
  height: 470px;
  left: 393px;
  position: absolute;
  top: 27px;
  width: 434px;
}

.index .group-1sdsdsxs-3 {
  aspect-ratio: 1.24;
  height: 429px;
  left: 872px;
  position: absolute;
  top: 47px;
  width: 534px;
}

.index .group-1sdsdsxs-4 {
  aspect-ratio: 0.94;
  height: 522px;
  left: 1372px;
  position: absolute;
  top: 0;
  width: 490px;
}

.index .group-1sdsdsxs-5 {
  aspect-ratio: 0.92;
  height: 467px;
  left: 1928px;
  position: absolute;
  top: 28px;
  width: 428px;
}

.index .image-1268363269 {
  aspect-ratio: 1;
  height: 110.15px;
  margin-left: 51.5px;
  margin-top: 182.7px;
  object-fit: cover;
  width: 110.15px;
}

.index .sunwin-k-vssdds-1 {
  aspect-ratio: 1.59;
  height: 1105px;
  left: 76px;
  position: absolute;
  top: 623px;
  width: 1762px;
}

.index .layer-7sdsdsdwwww-1 {
  aspect-ratio: 2.22;
  height: 1603px;
  left: 164px;
  position: absolute;
  top: 2208px;
  width: 3362px;
}

.index .groupxssss-1xsxsxs-1 {
  aspect-ratio: 1.82;
  height: 563px;
  left: 469px;
  position: absolute;
  top: 79px;
  width: 1026px;
}

.index .frame-1707479999 {
  height: 1020px;
  left: 1729px;
  position: absolute;
  top: 450px;
  width: 1446px;
}

.index .rectangle-41232::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(180deg, rgba(191, 114, 49, 1) 0%, rgba(31, 17, 0, 1) 100%);
  border-radius: 131px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 11px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .rectangle-41232 {
  background-color: #442604;
  border: none;
  border-radius: 131px;
  height: 1042px;
  left: -11px;
  position: absolute;
  top: -11px;
  width: 1468px;
}

.index .pop-up {
  aspect-ratio: 1.42;
  height: 1020px;
  left: calc(50.00% - 723px);
  position: absolute;
  top: calc(50.00% - 510px);
  width: 1446px;
}

.index .frame-51ssss-copy-mbbb-1 {
  top: 82px;
}

.index .frame-51ssss-copy-mbbb-2 {
  top: 367px;
}

.index .shape-2-copy-4-nnnnnn-1 {
  aspect-ratio: 0.81;
  height: 104px;
  left: 164px;
  object-fit: cover;
  position: absolute;
  top: 431px;
  width: 84px;
}

.index .shape-1-mjnnb-1 {
  aspect-ratio: 0.77;
  height: 99px;
  left: 168px;
  object-fit: cover;
  position: absolute;
  top: 152px;
  width: 77px;
}

.index .shape-1-mjnnb-2 {
  aspect-ratio: 1.65;
  height: 72px;
  left: 1152px;
  position: absolute;
  top: 450px;
  width: 119px;
}

.index .tn-ng-nhp {
  align-items: center;
  color: var(--granite-gray);
  display: flex;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  height: 101px;
  left: 317px;
  letter-spacing: 0;
  line-height: 101.1px;
  position: absolute;
  top: 157px;
  white-space: nowrap;
}

.index .mt-khu {
  align-items: center;
  color: var(--granite-gray);
  display: flex;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  height: 101px;
  left: 317px;
  letter-spacing: 0;
  line-height: 101.1px;
  position: absolute;
  top: 436px;
  white-space: nowrap;
}

.index .choi-ngay-dwewewe-1 {
  aspect-ratio: 2.26;
  height: 428px;
  left: 233px;
  position: absolute;
  top: 582px;
  width: 966px;
}

.index .image-1268363271 {
  aspect-ratio: 1.52;
  height: 1210px;
  left: 1316px;
  object-fit: cover;
  position: absolute;
  top: 2410px;
  width: 1842px;
}

.index .frame-1707479998 {
  align-items: center;
  display: flex;
  height: 1210px;
  left: 385px;
  position: absolute;
  top: 2410px;
  width: 677px;
}

.index .right {
  display: flex;
  height: 1272px;
  margin-top: 62px;
  width: 677px;
}

.index .frame-379 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 54.66px;
  height: 1205.8px;
  margin-left: 0.8px;
  position: relative;
  width: 676.16px;
}

.index .frame-71 {
  -webkit-backdrop-filter: blur(20.21px) brightness(100%);
  backdrop-filter: blur(20.21px) brightness(100%);
  background-color: #ffc3841c;
  border: 3.37px solid;
  border-color: #ffaa0014;
  border-radius: 80.84px;
  box-shadow: inset 0px 0px 74.1px #f2f2f2 , inset 0px 0px 0px 3.37px #a6a6a6 , inset -6.74px -6.74px 3.37px -6.74px #666666 , inset 6.74px 6.74px 3.37px -6.74px #666666 , inset 10.1px 10.1px 1.68px -11.79px #ffffff80;
  height: 1205.8px;
  margin-left: -0.42px;
  margin-right: -0.42px;
  overflow: hidden;
  position: relative;
  width: 677px;
}

.index .screenshot-2025-06-26-at-135310-1 {
  aspect-ratio: 1.79;
  bottom: 1px;
  height: 1118px;
  left: 0;
  object-fit: cover;
  position: absolute;
  width: 677px;
}

.index .anh-man-hinh-2026-08-20-luc-015531-1 {
  aspect-ratio: 0.85;
  background: #000000;
  height: 1127px;
  left: -86px;
  object-fit: cover;
  position: absolute;
  top: 109px;
  width: 956px;
}

.hidden {
  display: none;
}

.index .sound-controls {
  align-items: center;
  bottom: 26px;
  display: flex;
  height: 44px;
  justify-content: center;
  left: 28px;
  position: absolute;
  width: 44px;
  z-index: 5;
}

.index .sound-controls img {
  cursor: pointer;
  height: 44px;
  width: 44px;
}

.index .rectangle-63 {
  background: linear-gradient(180deg, rgba(13, 5, 0, 0) 0%, rgba(13, 5, 0, 1) 100%);
  height: 197px;
  left: -1px;
  position: absolute;
  top: 0;
  width: 675px;
}

.index .frame-386 {
  align-items: center;
  background-color: #00000099;
  border-bottom-style: solid;
  border-bottom-width: 1.68px;
  border-color: #ffffff52;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 40.42px 53.89px;
  position: absolute;
  top: 1px;
  width: 677px;
}

.index .group-4 {
  height: 44px;
  position: relative;
  width: 190px;
}

.index .ti-xu {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(254, 197, 95, 1) 0%, rgba(254, 233, 152, 1) 50%, rgba(254, 251, 183, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-sf_pro_display-bold);
  font-size: 61.9px;
  font-weight: 700;
  left: 1px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 0;
  white-space: nowrap;
}

.index .frame-385::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(180deg, rgba(34, 0, 0, 0) 0%, rgba(255, 99, 99, 1) 100%);
  border-radius: 336.82px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 3.37px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .frame-385 {
  align-items: center;
  background: linear-gradient(180deg, rgba(84, 0, 0, 0) 0%, rgba(183, 5, 5, 1) 100%);
  border: none;
  border-radius: 336.82px;
  box-shadow: inset 0px 13.47px 13.47px #ff00004c;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 13.47px;
  overflow: hidden;
  padding: 13.47px 26.95px;
  position: relative;
}

.index .triangle-right-1 {
  aspect-ratio: 1;
  height: 40.42px;
  position: relative;
  width: 40.42px;
}

.index .group-1 {
  height: 83.33%;
  left: 25.00%;
  position: relative;
  top: 8.33%;
  width: 58.33%;
}

.index .vector-30 {
  height: 120.00%;
  left: -28.57%;
  position: absolute;
  top: -10.00%;
  width: 157.14%;
}

.index .live {
  color: #ffdad2;
  font-family: var(--font-family-sf_pro_display-bold);
  font-size: 40.4px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-shadow: 0px 0px 6.74px #00000080;
  white-space: nowrap;
  width: fit-content;
}

.index .image-1268363270 {
  aspect-ratio: 1.11;
  height: 491px;
  left: 1077px;
  object-fit: cover;
  position: absolute;
  top: 2923px;
  width: 543px;
}

.index .frame-51ssss-copy-mbbb {
  aspect-ratio: 5.29;
  height: 239px;
  left: 84px;
  position: absolute;
  width: 1264px;
}
/* screen - sun-mb-ldp */

.sun-mb-ldp {
  background-color: var(--white);
  min-height: 5555px;
  min-width: 1053px;
  overflow: hidden;
  position: relative;
  width: 1053px;
}

.sun-mb-ldp .justify {
  height: 147px;
  left: calc(50.00% + 351px);
  position: absolute;
  top: calc(50.00% - 8568px);
  width: 147px;
}

.sun-mb-ldp .ldp-sunwin-ramos-1-1 {
  aspect-ratio: 0.11;
  height: 5555px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1053px;
}

.sun-mb-ldp .group-5-dswed-1-1 {
  aspect-ratio: 1.24;
  height: 252px;
  left: 368px;
  object-fit: cover;
  position: absolute;
  top: 42px;
  width: 313px;
}

.sun-mb-ldp .frame-1707479466 {
  background-color: #080000;
  display: flex;
  flex-direction: column;
  height: 395px;
  left: -486px;
  overflow: hidden;
  position: absolute;
  top: 5160px;
  width: 2024px;
}

.sun-mb-ldp .ngn-hng-h-tr {
  align-self: center;
  color: #d9d9d9;
  font-family: var(--font-family-inter);
  font-size: 37.6px;
  font-weight: 700;
  height: 57px;
  letter-spacing: 0;
  line-height: 56.5px;
  margin-left: -0.3px;
  margin-top: 28.9px;
  white-space: nowrap;
  width: 388px;
}

.sun-mb-ldp .group-2 {
  height: 137.06px;
  margin-left: 514.1px;
  margin-top: 19.4px;
  width: 1001px;
}

.sun-mb-ldp .frame-1707479464 {
  height: 54.09px;
  margin-left: 486px;
  margin-top: 26.1px;
  overflow: hidden;
  position: relative;
  width: 1053px;
}

.sun-mb-ldp .slider-container6 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  min-width: 0;
}

.sun-mb-ldp .slider-wrapper6 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.sun-mb-ldp .slider-slide6 {
  min-width: calc(100% / 6);
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sun-mb-ldp .slider-slide6 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.sun-mb-ldp .copyright-sunwin-2 {
  align-items: center;
  align-self: center;
  color: var(--white400);
  display: flex;
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 70px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 34.8px;
  margin-left: 0.8px;
  margin-top: 19.3px;
  text-align: center;
  width: 559.19px;
}

.sun-mb-ldp .frame-1707479999-1 {
  height: 697px;
  left: 30px;
  position: absolute;
  top: 849px;
  width: 989px;
}

.sun-mb-ldp .rectangle-41232-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(180deg, rgba(191, 114, 49, 1) 0%, rgba(31, 17, 0, 1) 100%);
  border-radius: 89.57px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 7.52px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.sun-mb-ldp .rectangle-41232-1 {
  background-color: #442604;
  border: none;
  border-radius: 89.57px;
  height: 712px;
  left: -8px;
  position: absolute;
  top: -8px;
  width: 1004px;
}

.sun-mb-ldp .pop-up-1 {
  aspect-ratio: 1.42;
  height: 697px;
  left: calc(50.00% - 494px);
  position: absolute;
  top: calc(50.00% - 349px);
  width: 989px;
}

.sun-mb-ldp .frame-51ssss-copy-mbbb-1-1 {
  aspect-ratio: 5.29;
  height: 163px;
  left: 57px;
  position: absolute;
  top: 56px;
  width: 864px;
}

.sun-mb-ldp .frame-51ssss-copy-mbbb-2-1 {
  aspect-ratio: 5.29;
  height: 163px;
  left: 57px;
  position: absolute;
  top: 251px;
  width: 864px;
}

.sun-mb-ldp .shape-2-copy-4-nnnnnn-1-1 {
  aspect-ratio: 0.81;
  height: 71px;
  left: 112px;
  object-fit: cover;
  position: absolute;
  top: 295px;
  width: 57px;
}

.sun-mb-ldp .shape-1-mjnnb-1-1 {
  aspect-ratio: 0.77;
  height: 68px;
  left: 115px;
  object-fit: cover;
  position: absolute;
  top: 104px;
  width: 53px;
}

.sun-mb-ldp .shape-1-mjnnb-2-1 {
  aspect-ratio: 1.65;
  height: 49px;
  left: 788px;
  position: absolute;
  top: 308px;
  width: 81px;
}

.sun-mb-ldp .tn-ng-nhp-1 {
  align-items: center;
  color: var(--granite-gray);
  display: flex;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  height: 69px;
  left: 217px;
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  top: 108px;
  white-space: nowrap;
}

.sun-mb-ldp .mt-khu-1 {
  align-items: center;
  color: var(--granite-gray);
  display: flex;
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  height: 69px;
  left: 217px;
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  top: 298px;
  white-space: nowrap;
}

.sun-mb-ldp .choi-ngay-dwewewe-1-1 {
  aspect-ratio: 2.26;
  height: 293px;
  left: 159px;
  position: absolute;
  top: 399px;
  width: 661px;
}

.sun-mb-ldp .sunwin-k-vssdds-1-1 {
  aspect-ratio: 1.59;
  height: 734px;
  left: 0;
  position: absolute;
  top: 1546px;
  width: 1053px;
}

.sun-mb-ldp .layer-7sdsdsdwwww-1-1 {
  aspect-ratio: 1.48;
  height: 1365px;
  left: 0;
  position: absolute;
  top: 3952px;
  width: 1053px;
}

.sun-mb-ldp .groupxssss-1xsxsxs-1-1 {
  aspect-ratio: 1.82;
  height: 518px;
  left: 43px;
  position: absolute;
  top: 294px;
  width: 944px;
}

.sun-mb-ldp .group-2085662943-1 {
  display: flex;
  flex-direction: column;
  gap: 12.2px;
  height: 174px;
  left: 73px;
  position: absolute;
  top: 2214px;
  width: 897px;
}

.sun-mb-ldp .group-2085662942-1 {
  display: flex;
  gap: 11.2px;
  margin-left: 39.8px;
  width: 820.65px;
}

.sun-mb-ldp .group-1000004188-1 {
  display: flex;
  height: 58.52px;
  margin-left: 0;
  margin-top: 7.9px;
  width: 527.82px;
}

.sun-mb-ldp .ci-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 39.1px;
  font-weight: 700;
  height: 57px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-top: 1.5px;
  text-shadow: 0px 3.04px 11.25px #000000a8;
  width: 72px;
}

.sun-mb-ldp .image-9-1 {
  aspect-ratio: 3.41;
  height: 52.92px;
  margin-left: 15.7px;
  margin-top: 4.6px;
  object-fit: cover;
  width: 180.33px;
}

.sun-mb-ldp .ri-truy-cp-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 39.1px;
  font-weight: 700;
  height: 57px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 23.8px;
  margin-top: 0;
  text-shadow: 0px 3.04px 11.25px #000000a8;
  width: 232px;
}

.sun-mb-ldp .image-8-1 {
  aspect-ratio: 3.93;
  height: 71.7px;
  object-fit: cover;
  width: 281.67px;
}

.sun-mb-ldp .h-thng-s-t-ng-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 90px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  text-align: center;
  text-shadow: 0px 2.58px 9.53px #000000a8;
  width: 894.61px;
}

.sun-mb-ldp .group-2085662944-1 {
  height: 286px;
  left: 37px;
  position: absolute;
  top: 2434px;
  width: 982px;
}

.sun-mb-ldp .group-2085662941-1 {
  height: 286px;
  left: 103px;
  position: absolute;
  top: 1px;
  width: 812px;
}

.sun-mb-ldp .slider-container3 {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.sun-mb-ldp .slider-wrapper3 {
  align-items: center;
  display: flex;
  gap: 24px;
  height: 100%;
  width: max-content;
  will-change: transform;
}

.sun-mb-ldp .slider-slide3 {
  flex: 0 0 auto;
  height: 286px;
}

.sun-mb-ldp .slider-slide3 img {
  display: block;
  height: 100%;
  width: auto;
}

.sun-mb-ldp .slider-btn-img3 {
  cursor: pointer;
  z-index: 2;
}

.sun-mb-ldp .image-1268363269-1 {
  aspect-ratio: 1;
  height: 67px;
  left: 915px;
  object-fit: cover;
  position: absolute;
  top: 110px;
  width: 67px;
}

.sun-mb-ldp .image-1268363268-1 {
  aspect-ratio: 1;
  height: 67px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 109px;
  width: 67px;
}

.sun-mb-ldp .frame-1707479998-1 {
  align-items: center;
  display: flex;
  height: 1521px;
  left: 107px;
  position: absolute;
  top: 2720px;
  width: 851px;
}

.sun-mb-ldp .right-1 {
  display: flex;
  height: 1598.94px;
  margin-left: 0;
  margin-top: 77.9px;
  width: 851px;
}

.sun-mb-ldp .frame-379-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 68.71px;
  height: 1515.72px;
  margin-left: 1.1px;
  position: relative;
  width: 849.95px;
}

.sun-mb-ldp .frame-71-1 {
  -webkit-backdrop-filter: blur(25.4px) brightness(100%);
  backdrop-filter: blur(25.4px) brightness(100%);
  background-color: #ffc3841c;
  border: 4.23px solid;
  border-color: #ffaa0014;
  border-radius: 101.61px;
  box-shadow: inset 0px 0px 93.14px #f2f2f2 , inset 0px 0px 0px 4.23px #a6a6a6 , inset -8.47px -8.47px 4.23px -8.47px #666666 , inset 8.47px 8.47px 4.23px -8.47px #666666 , inset 12.7px 12.7px 2.12px -14.82px #ffffff80;
  height: 1515.72px;
  margin-left: -0.53px;
  margin-right: -0.53px;
  overflow: hidden;
  position: relative;
  width: 851px;
}

.sun-mb-ldp .screenshot-2025-06-26-at-135310-1-1 {
  aspect-ratio: 1.79;
  bottom: 1px;
  height: 1405px;
  left: 0;
  object-fit: cover;
  position: absolute;
  width: 851px;
}

.sun-mb-ldp .anh-man-hinh-2026-08-20-luc-015531-1-1 {
  aspect-ratio: 0.85;
  background: #000000;
  height: 1416px;
  left: -108px;
  object-fit: cover;
  position: absolute;
  top: 137px;
  width: 1202px;
}

.sun-mb-ldp .sound-controls {
  align-items: center;
  bottom: 33px;
  display: flex;
  height: 55px;
  justify-content: center;
  left: 35px;
  position: absolute;
  width: 55px;
  z-index: 5;
}

.sun-mb-ldp .sound-controls img {
  cursor: pointer;
  height: 55px;
  width: 55px;
}

.sun-mb-ldp .rectangle-63-1 {
  background: linear-gradient(180deg, rgba(13, 5, 0, 0) 0%, rgba(13, 5, 0, 1) 100%);
  height: 248px;
  left: -2px;
  position: absolute;
  top: 0;
  width: 848px;
}

.sun-mb-ldp .frame-386-1 {
  align-items: center;
  background-color: #00000099;
  border-bottom-style: solid;
  border-bottom-width: 2.12px;
  border-color: #ffffff52;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 50.81px 67.74px;
  position: absolute;
  top: 2px;
  width: 851px;
}

.sun-mb-ldp .group-4-1 {
  height: 55px;
  position: relative;
  width: 238px;
}

.sun-mb-ldp .ti-xu-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(254, 197, 95, 1) 0%, rgba(254, 233, 152, 1) 50%, rgba(254, 251, 183, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-sf_pro_display-bold);
  font-size: 77.8px;
  font-weight: 700;
  left: 1px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 1px;
  white-space: nowrap;
}

.sun-mb-ldp .frame-385-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(180deg, rgba(34, 0, 0, 0) 0%, rgba(255, 99, 99, 1) 100%);
  border-radius: 423.38px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 4.23px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.sun-mb-ldp .frame-385-1 {
  align-items: center;
  background: linear-gradient(180deg, rgba(84, 0, 0, 0) 0%, rgba(183, 5, 5, 1) 100%);
  border: none;
  border-radius: 423.38px;
  box-shadow: inset 0px 16.94px 16.94px #ff00004c;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16.94px;
  overflow: hidden;
  padding: 16.94px 33.87px;
  position: relative;
}

.sun-mb-ldp .triangle-right-1-1 {
  aspect-ratio: 1;
  height: 50.81px;
  position: relative;
  width: 50.81px;
}

.sun-mb-ldp .group-3 {
  height: 83.33%;
  left: 25.00%;
  position: relative;
  top: 8.33%;
  width: 58.33%;
}

.sun-mb-ldp .vector-31 {
  height: 120.00%;
  left: -28.57%;
  position: absolute;
  top: -10.00%;
  width: 157.14%;
}

.sun-mb-ldp .live-1 {
  color: #ffdad2;
  font-family: var(--font-family-sf_pro_display-bold);
  font-size: 50.8px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-shadow: 0px 0px 8.47px #00000080;
  white-space: nowrap;
  width: fit-content;
}

.sun-mb-ldp .image-1268363271-1 {
  aspect-ratio: 1.52;
  height: 832px;
  left: -107px;
  object-fit: cover;
  position: absolute;
  top: 4349px;
  width: 1266px;
}

.sun-mb-ldp .image-1268363270-1 {
  aspect-ratio: 1.11;
  height: 234px;
  left: 8px;
  object-fit: cover;
  position: absolute;
  top: 4900px;
  width: 259px;
}

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

/* login form */
.index .login-input,
.sun-mb-ldp .login-input {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  color: #ffffff;
  caret-color: #bf7231;
}

.index .login-input {
  width: 800px;
}

.sun-mb-ldp .login-input {
  width: 545px;
}

.index .login-input::placeholder,
.sun-mb-ldp .login-input::placeholder {
  color: var(--granite-gray);
  -webkit-text-fill-color: var(--granite-gray);
  opacity: 1;
}

.index .login-input:-webkit-autofill,
.sun-mb-ldp .login-input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff;
  transition: background-color 999999s ease-out;
}

.js-eye {
  cursor: pointer;
  opacity: 0.7;
  filter: brightness(0.65) grayscale(0.35);
  transition: opacity 0.25s ease, filter 0.25s ease;
}

.js-eye:hover {
  opacity: 1;
  filter: brightness(1);
}

.js-eye.pass-visible,
.js-eye.pass-visible:hover {
  opacity: 1;
  filter: brightness(1.8) saturate(1.5) drop-shadow(0 0 12px rgba(255, 199, 110, 0.9));
}

.login-submit {
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.25s ease;
  animation: cta-zoom 1.2s ease-in-out infinite;
}

.login-submit:hover {
  filter: brightness(1.08);
}

.login-submit:active {
  animation-play-state: paused;
  transform: scale(0.97);
}

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

.login-submit.is-loading {
  pointer-events: none;
  animation: login-pulse 1s ease-in-out infinite;
}

@keyframes login-pulse {
  0%,
  100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.35);
  }
}

.input-msg {
  position: absolute;
  margin: 0;
  display: flex;
  align-items: center;
  font-family: var(--font-family-plus_jakarta_sans);
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
  pointer-events: none;
  z-index: 5;
}

.input-msg.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.input-msg.error {
  color: #ff5c5c;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
}

.input-msg.success {
  color: #62e388;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
}

.index .input-msg {
  left: 0;
  width: 100%;
  justify-content: center;
  font-size: 30px;
  line-height: 36px;
}

.index .input-msg[data-msg="user"] {
  top: 326px;
}

.index .input-msg[data-msg="pass"] {
  top: 611px;
}

.sun-mb-ldp .input-msg {
  left: 0;
  width: 100%;
  justify-content: center;
  font-size: 21px;
  line-height: 25px;
}

.sun-mb-ldp .input-msg[data-msg="user"] {
  top: 223px;
}

.sun-mb-ldp .input-msg[data-msg="pass"] {
  top: 418px;
}

@keyframes login-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-12px);
  }
  40% {
    transform: translateX(12px);
  }
  60% {
    transform: translateX(-8px);
  }
  80% {
    transform: translateX(8px);
  }
}

.login-input.shake {
  animation: login-shake 0.45s ease;
}