.landing-page-bg {
  position: relative;
  background-color: #000000;
  width: 100vw;
  height: 100vh;
  min-height: 100svh;
  overflow-x: hidden;
}

@media only screen and (min-width: 1024px) {
  .landing-page-bg {
    display: none;
  }
}

.landing-page-mobile {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-items: start;
  align-items: center;
  width: 100%;
  min-height: 100svh;
  height: 100vh;
  overflow-x: hidden;
}

.landing-page-mobile .img {
  position: relative;
  width: 100%;
  height: 10px;
}

.landing-page-mobile .eye-holder {
  width: 30%;
  height: auto;
  padding-top: 60px;
}

.landing-page-mobile .eye-img {
  border-radius: 50%;
  content: url(/static/img/vates-eye-removebg-1.png);
  animation: glow 2s infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0px 0px 50px #ff00ff;
  }
  to {
    box-shadow: 0px 0px 120px #ff00ff;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-page-mobile .vates-eye-removebg {
    animation: none;
  }
}

.landing-page-mobile .logo {
  position: relative;
  top: -40px;
  max-width: 100%;
  content: url(/static/img/logo.svg);
}

.landing-page-mobile .hero-content {
  position: relative;
  width: 100%;
}

.landing-page-mobile .invite-only {
  position: relative;
  top: -70%;
  margin-left: 10px;
  margin-right: 10px;
  left: 0;
  right: 0;
  font-weight: 400;
  color: #00f199;
  letter-spacing: 0;
  line-height: 1.25;
  text-align: center;
  font-size: xx-large;
}

.landing-page-mobile .span {
  font-weight: 300;
}
.landing-page-mobile .text-wrapper-4 {
  font-weight: 700;
}

.landing-page-mobile .login {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  top: -30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.landing-page-mobile .data-stripe {
  width: 100%;
  padding-top: 25%;
}

.landing-page-mobile .today-maintenance-wrapper {
  position: relative;
  height: 48px;
  margin-top: clamp(24px, 8vw, 56px);
  background-image: url(/static/img/vector-2.svg);
  background-size: cover;
  background-position: center;
}

.landing-page-mobile .today-maintenance {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  padding-inline: clamp(12px, 4vw, 24px);
  font-family: 'Montserrat-Light', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: transparent;
  font-size: clamp(14px, 3.5vw, 18px);
  letter-spacing: 0;
  line-height: 1.6;
}

.landing-page-mobile .text-wrapper-5 {
  font-weight: 300;
  color: #ffffff;
}
.landing-page-mobile .text-wrapper-6 {
  font-weight: 300;
  color: #3bbbff;
}
.landing-page-mobile .text-wrapper-7 {
  font-family: 'Montserrat-Bold', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #ff00ff;
}
.landing-page-mobile .text-wrapper-8 {
  font-family: 'Montserrat-Bold', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #00f199;
}

.landing-page-mobile .copyright {
  position: absolute;
  bottom: 5px;
  opacity: 0.3;
}

.landing-page-mobile .top-stripe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
}

.landing-page-mobile .top-stripe img {
  width: 100%;
  height: 100%;
  content: url(/static/img/vector.svg);
}