@font-face {
  font-family: "SFSportsNightNS";
  src: url("./src/fonts/SFSportsNightNS.ttf") format("truetype");
}
@font-face {
  font-family: "SFSportsNightNSAltUpright";
  src: url("./src/fonts/SFSportsNightNSAltUpright.ttf") format("truetype");
}
html {
  display: flex;
  justify-content: center;
  background-color: #000;
}

body {
  max-width: 430px;
  margin: 0 auto;
  height: 100vh;
  overflow-x: hidden;
  font-family: "Teko", sans-serif;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 900;
  font-style: italic;
}

h1 {
  margin: 0;
}

a {
  all: unset;
}

.yellow-text {
  color: #d1ff16 !important;
}

@keyframes animateOpacityShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main {
  position: relative;
  overflow-x: hidden;
}
main .floating-images-container img {
  position: absolute;
}
@keyframes animfirstfloatimg {
  0% {
    transform: translateX(-100px) translateY(-100px) rotate(-28deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(-28deg);
    opacity: 1;
  }
}
main .floating-images-container img.first-float-img {
  top: max(-21px, -4.8837209302vw);
  left: max(-85px, -19.7674418605vw);
}
main .floating-images-container img.first-float-img.active {
  top: min(21px, 4.8837209302vw);
  left: min(65px, 15.1162790698vw);
  transform: rotate(-28deg);
  width: min(69.64px, 16.1953488372vw);
  animation: animfirstfloatimg 1s ease-out backwards;
}
@keyframes animsecondfloatimg {
  0% {
    transform: translateX(100px) translateY(-100px) rotate(26.67deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(26.67deg);
    opacity: 1;
  }
}
main .floating-images-container img.second-float-img {
  top: min(23px, 5.3488372093vw);
  right: min(23px, 5.3488372093vw);
  transform: rotate(26.67deg);
  width: min(110px, 25.5813953488vw);
  animation: animsecondfloatimg 1s ease-out 300ms backwards;
}
main .floating-images-container img.second-float-img.active {
  top: min(23px, 5.3488372093vw);
  right: min(23px, 5.3488372093vw);
}
@keyframes animThirdFloatImg {
  0% {
    transform: translateX(-100px) translateY(0px) rotate(-100.41deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(10.41deg);
    opacity: 1;
  }
}
main .floating-images-container img.third-float-img {
  transform: rotate(10.41deg);
  width: min(102px, 23.7209302326vw);
  top: min(10px, 2.3255813953vw);
  left: min(6px, 1.3953488372vw);
}
@keyframes animFourthFloatImg {
  0% {
    transform: translateX(100px) translateY(0px) rotate(134.63deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(34.63deg);
    opacity: 1;
  }
}
main .floating-images-container img.fourth-float-img {
  top: min(34px, 7.9069767442vw);
  right: min(17px, 3.9534883721vw);
  transform: rotate(34.63deg);
  width: min(86px, 20vw);
  filter: blur(2px);
}
main .section_1 {
  margin: 0;
  background: url(./src/background/bg_money_rain.png), url(./src/background/bg_1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: min(15px, 3.488372093vw);
}
main .section_1 .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes animLogoImg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main .section_1 .logo-container .logo {
  display: flex;
}
main .section_1 .logo-container .logo img {
  display: flex;
  box-shadow: 0px min(4px, 0.9302325581vw) min(150px, 34.8837209302vw) min(10px, 2.3255813953vw) #d1ff16;
  border-radius: 50%;
  width: min(60px, 13.9534883721vw);
  height: min(61px, 14.1860465116vw);
}
main .section_1 .title .title-text {
  margin: min(10px, 2.3255813953vw) min(18px, 4.1860465116vw);
  color: #fff;
  font-size: min(40px, 9.3023255814vw);
  font-weight: 900;
  line-height: min(35px, 8.1395348837vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  position: relative;
  z-index: 100;
  text-transform: uppercase;
}
main .section_1 .title .title-text_vipaccess {
  margin: min(10px, 2.3255813953vw) min(18px, 4.1860465116vw);
  color: #fff;
  font-size: min(32px, 7.4418604651vw);
  font-weight: 900;
  line-height: min(35px, 8.1395348837vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  position: relative;
  z-index: 100;
  text-transform: uppercase;
}
main .section_1 .title .title-text_vipaccess_2 {
  margin: min(10px, 2.3255813953vw) min(18px, 4.1860465116vw);
  color: #fff;
  font-size: min(20px, 4.6511627907vw);
  font-weight: 900;
  line-height: min(23px, 5.3488372093vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  position: relative;
  z-index: 100;
  text-transform: uppercase;
}
main .section_1 .video-container {
  z-index: 2;
}
main .section_1 .video-container .video {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: min(10px, 2.3255813953vw);
}
main .section_1 .video-container .video video {
  box-shadow: 0px min(4px, 0.9302325581vw) min(20px, 4.6511627907vw) 0px rgba(209, 255, 22, 0.3);
  border: 2px solid #d1ff16;
  border-radius: 10px;
  width: min(277px, 64.4186046512vw);
  height: min(493px, 114.6511627907vw);
}
main .section_1 .video-container .video .image-play-icon-container .image-play-icon {
  position: absolute;
  z-index: 100;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: min(60px, 13.9534883721vw);
  height: min(60px, 13.9534883721vw);
}
main .section_1 .video-container .video img {
  margin: 0 auto;
  display: flex;
}
main .section_1 .video-container .video img.image-background-video {
  padding-top: 33px;
  width: min(320px, 74.4186046512vw);
}
main .section_1 .actions-container {
  padding-bottom: min(40px, 9.3023255814vw);
}
@keyframes animButtonOpn {
  0% {
    box-shadow: 0 0 0 0 #d1ff16;
  }
  70% {
    box-shadow: 0 0 2px 20px rgba(208, 255, 22, 0.1411764706);
  }
  71% {
    box-shadow: 0 0 0 0 rgba(208, 255, 22, 0.1411764706);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(208, 255, 22, 0.1411764706);
  }
}
@keyframes animButtonOpnOpac {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
main .section_1 .actions-container .form-title-vip {
  margin: min(10px, 2.3255813953vw) min(18px, 4.1860465116vw);
  color: #fff;
  font-size: min(20px, 4.6511627907vw);
  font-weight: 900;
  line-height: min(23px, 5.3488372093vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  position: relative;
  z-index: 100;
  text-transform: uppercase;
}
main .section_1 .actions-container .form-group-vip {
  padding: 0 5%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
main .section_1 .actions-container .form-group-vip input.input-vip {
  width: 80%;
  margin: 0 auto;
  color: rgb(0, 0, 0);
  font-family: "Teko", sans-serif;
  font-size: min(18px, 4.1860465116vw);
  font-weight: 300;
  line-height: min(22px, 5.1162790698vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
}
main .section_1 .actions-container .action-button {
  display: flex;
  align-items: center;
  padding: 30px;
  justify-content: center;
}
main .section_1 .actions-container .action-button .button-open {
  all: unset;
  cursor: pointer;
  z-index: 2;
  border-radius: min(15px, 3.488372093vw);
  border: none;
  background-color: #d1ff16;
  display: flex;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  flex-direction: row;
  padding: min(14px, 3.2558139535vw) min(10px, 2.3255813953vw) min(14px, 3.2558139535vw) min(10px, 2.3255813953vw);
  width: min(355px, 82.5581395349vw);
  gap: min(10px, 2.3255813953vw);
}
main .section_1 .actions-container .action-button .button-open.active {
  animation: animButtonOpn 1s ease-in-out 0.3s infinite forwards;
}
main .section_1 .actions-container .action-button .button-open img {
  display: flex;
  width: min(30.5px, 7.0930232558vw);
  height: min(30.5px, 7.0930232558vw);
  padding-bottom: min(7px, 1.6279069767vw);
}
main .section_1 .actions-container .action-button .button-open .button-text {
  color: rgb(0, 0, 0);
  font-family: "Teko", sans-serif;
  font-size: min(36px, 8.3720930233vw);
  font-weight: 900;
  line-height: min(32px, 7.4418604651vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
}
main .section_1 .applications-container {
  padding: min(5px, 1.1627906977vw) min(10px, 2.3255813953vw) min(30px, 6.976744186vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(10px, 2.3255813953vw);
}
main .section_1 .applications-container .title {
  color: #fff;
  font-size: min(23px, 5.3488372093vw);
  line-height: min(24px, 5.5813953488vw);
  font-weight: 100;
  font-family: "Montserrat", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .section_1 .applications-container .title .strong-text {
  font-weight: bold;
}
main .section_1 .applications-container .items-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
main .section_1 .applications-container .items-container .item .button {
  cursor: pointer;
  border: none;
  background-color: transparent;
}
main .section_1 .applications-container .items-container .item .button img {
  display: flex;
  width: min(135px, 31.3953488372vw);
  height: min(40px, 9.3023255814vw);
}
@keyframes animaterunning {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-2000px);
  }
}
@keyframes animaterunningShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main .section_1 .running-string {
  display: flex;
  padding-bottom: min(20px, 4.6511627907vw);
}
main .section_1 .running-string img.img-running-string {
  display: inline-block;
  height: min(40px, 9.3023255814vw);
}
main .section_1 .running-string img.img-running-string.active {
  animation: animaterunning 30s linear infinite forwards;
}
main .section_2 {
  margin: 0;
  padding-top: min(30px, 6.976744186vw);
  background: url(./src/background/bg_2.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
main .section_2 .title-container {
  padding-bottom: min(32px, 7.4418604651vw);
}
@keyframes animTextTitle1 {
  0% {
    transform: translateY(100px) translateY(0px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    opacity: 1;
  }
}
main .section_2 .title-container .title .text-title {
  font-size: min(46px, 10.6976744186vw);
  font-weight: 900;
  line-height: min(39px, 9.0697674419vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  text-transform: uppercase;
}
@keyframes animCarousel {
  0% {
    transform: translateX(300px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
main .section_2 .swiper {
  width: 100%;
  height: fit-content;
  overflow: visible;
}
main .section_2 .swiper-slide {
  overflow: hidden;
}
main .section_2 .swiper-slide .swiper-wrapper {
  box-sizing: border-box;
}
main .section_2 .swiper-slide .image-container {
  display: flex;
  flex-direction: row;
  gap: min(10px, 2.3255813953vw);
  border-radius: min(10px, 2.3255813953vw);
}
main .section_2 .swiper-slide .image-container img.image-slider {
  border: min(5px, 1.1627906977vw) solid #d1ff16;
  border-radius: min(10px, 2.3255813953vw);
  width: min(170px, 39.5348837209vw);
}
main .section_2 .swiper-slide .video-container {
  display: flex;
  flex-direction: row;
  gap: min(10px, 2.3255813953vw);
}
main .section_2 .swiper-slide .video-container video {
  border-radius: min(10px, 2.3255813953vw);
  border: min(5px, 1.1627906977vw) solid #d1ff16;
  width: min(190px, 44.1860465116vw);
  height: min(363px, 84.4186046512vw);
}
main .section_2 .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: min(420px, 97.6744186047vw);
}
main .section_2 .swiper-pagination-bullet {
  margin: 0 min(8px, 1.8604651163vw) !important;
  border: 2px solid #d1ff16;
}
main .section_2 .swiper-pagination-bullet-active {
  background: #d1ff16;
  width: min(12px, 2.7906976744vw);
  height: min(12px, 2.7906976744vw);
}
main .section_2 .actions-container {
  position: relative;
  margin-top: min(81px, 18.8372093023vw);
  margin-bottom: min(81px, 18.8372093023vw);
}
@keyframes animButtonGetAccesShow {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
main .section_2 .actions-container .action-button .button.get-access {
  cursor: pointer;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: min(14px, 3.2558139535vw) min(10px, 2.3255813953vw) min(14px, 3.2558139535vw) min(10px, 2.3255813953vw);
  width: min(355px, 82.5581395349vw);
  border-radius: min(15px, 3.488372093vw);
  background-color: #d1ff16;
  border: none;
  justify-content: center;
  gap: min(10px, 2.3255813953vw);
}
main .section_2 .actions-container .action-button .button.get-access img.button-icon {
  width: min(30px, 6.976744186vw);
  height: min(30px, 6.976744186vw);
  padding-bottom: min(7px, 1.6279069767vw);
}
main .section_2 .actions-container .action-button .button.get-access .button-text {
  font-family: "Teko", sans-serif;
  font-size: min(34px, 7.9069767442vw);
  font-weight: 900;
  line-height: min(24px, 5.5813953488vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}
main .section_3 {
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
main .section_3 .title-container {
  padding: min(5px, 1.1627906977vw) 0 min(50px, 11.6279069767vw);
}
main .section_3 .title-container .text-title {
  font-size: min(52px, 12.0930232558vw);
  font-weight: 900;
  line-height: min(39px, 9.0697674419vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  text-transform: uppercase;
}
main .section_3 .galery-container {
  padding-bottom: min(40px, 9.3023255814vw);
}
main .section_3 .galery-container img {
  display: flex;
  width: 100%;
}
main .section_3 .text-title-container {
  padding-bottom: min(40px, 9.3023255814vw);
  display: flex;
  text-align: center;
  flex-direction: column;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: min(23px, 5.3488372093vw);
  line-height: min(30px, 6.976744186vw);
  font-weight: 100;
  text-transform: uppercase;
}
main .section_3 .text-title-container .strong-text {
  font-weight: 700;
}
main .section_3 .actions-container {
  position: relative;
  padding-bottom: min(129px, 30vw);
}
@keyframes animButtonGet2 {
  0% {
    box-shadow: 0 0 0 0 #d1ff16;
  }
  70% {
    box-shadow: 0 0 2px 20px rgba(208, 255, 22, 0.1411764706);
  }
  71% {
    box-shadow: 0 0 0 0 rgba(208, 255, 22, 0.1411764706);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(208, 255, 22, 0.1411764706);
  }
}
@keyframes animButtonGet2Show {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
main .section_3 .actions-container .action-get {
  width: fit-content;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: min(14px, 3.2558139535vw) min(10px, 2.3255813953vw) min(14px, 3.2558139535vw) min(10px, 2.3255813953vw);
  width: min(355px, 82.5581395349vw);
  border-radius: min(15px, 3.488372093vw);
  background-color: #d1ff16;
  border: none;
  gap: min(10px, 2.3255813953vw);
}
main .section_3 .actions-container .action-get.active {
  animation: animButtonGet2 1s ease-in-out 0.8s infinite backwards;
}
main .section_3 .actions-container .action-get img.button-icon {
  width: min(30px, 6.976744186vw);
  height: min(30px, 6.976744186vw);
  padding-bottom: min(7px, 1.6279069767vw);
}
main .section_3 .actions-container .action-get .button-text {
  font-family: "Teko";
  font-size: min(34px, 7.9069767442vw);
  font-weight: 900;
  line-height: min(32px, 7.4418604651vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000;
  text-transform: uppercase;
}
main .section_3 .float-image-money img.image-float-money {
  display: flex;
  position: absolute;
  bottom: 0;
  width: min(430px, 100vw);
  opacity: 0;
}
main .section_3 .float-image-money img.image-float-money.active {
  animation: animateOpacityShow 1s ease-out 0.3s forwards;
}

footer {
  background: rgb(48, 48, 48);
}
footer .container {
  font-family: "Poppins", sans-serif;
  font-size: min(14px, 3.2558139535vw);
  font-weight: 900;
  line-height: min(32px, 7.4418604651vw);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(255, 255, 255, 0.6588235294);
  padding: min(5px, 1.1627906977vw) min(10px, 2.3255813953vw) min(10px, 2.3255813953vw);
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

.modal.open {
  display: flex;
}

.modal-content {
  max-width: 90%;
  max-height: 90%;
}

.close {
  position: absolute;
  top: 15px;
  right: 20px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

.logo-header-promo{max-height:min(30px,6.976744186vw);}