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

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

/* screen - index */

.index {
  background-color: var(--white);
  height: 1075px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .layer_1 {
  height: 1208px;
  left: -86px;
  position: absolute;
  top: -45px;
  width: 2234px;
}

.index .overlap-group {
  height: 1103px;
  left: 54px;
  position: absolute;
  top: 43px;
  width: 2124px;
}

.index .layer-1 {
  display: flex;
  height: 93px;
  left: 998px;
  position: absolute;
  top: 202px;
  width: 893px;
}

.index .group-2 {
  flex: 1;
  position: relative;
  width: 893.28px;
}

.index .group-2 .ok {
  height: 100%;
  width: 100%;
}

.index .group-3 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .rectangle {
  height: 96.65%;
  left: 0;
  position: absolute;
  top: 3.35%;
  width: 99.65%;
}

.index .group {
  height: 82px;
  left: 0;
  position: absolute;
  top: 0;
  width: 882px;
}

.index .group-4 {
  height: 94.90%;
  left: 0;
  position: absolute;
  top: 2.62%;
  width: 99.53%;
}

.index .vector {
  height: 99.61%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.40%;
}

.index .vector-1 {
  height: 99.61%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.70%;
}

.index .vector-2 {
  height: 99.61%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .vector-3 {
  height: 81.42%;
  left: 0;
  position: absolute;
  top: 3.58%;
  width: 98.10%;
}

.index .group-5 {
  height: 86.60%;
  left: 0;
  mix-blend-mode: overlay;
  opacity: 0.72;
  position: absolute;
  top: 0;
  width: 98.63%;
}

.index .vector-4 {
  height: 94.75%;
  left: 0;
  position: absolute;
  top: 2.58%;
  width: 99.53%;
}

.index .mask-group {
  height: 81px;
  left: 0;
  position: absolute;
  top: 0;
  width: 881px;
}

.index .group-14 {
  height: 19.88%;
  left: 11.17%;
  position: absolute;
  top: 67.26%;
  width: 29.74%;
}

.index .group-6 {
  height: 5.22%;
  left: 54.43%;
  position: absolute;
  top: 13.25%;
  width: 22.63%;
}

.index .group-10 {
  height: 3.73%;
  left: 51.30%;
  position: absolute;
  top: 29.06%;
  width: 28.61%;
}

.index .ellipse-1 {
  background-color: var(--white);
  border-radius: 2px;
  height: 8.89%;
  left: 60.23%;
  position: absolute;
  top: 91.11%;
  width: 0;
}

.index .group-2-1 {
  height: 98.22%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .group-7 {
  height: 36px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 639px;
}

.index .isolation_-mode {
  background-image: url(../img/clip-path-group@2x.webp);
  background-size: 100% 100%;
  height: 87.19%;
  left: 11.11%;
  position: absolute;
  top: 0;
  width: 20.54%;
}

.index .group-1-1 {
  height: 55.87%;
  left: 54.53%;
  position: absolute;
  top: 36.94%;
  width: 35.57%;
}

.index .group-1-1 #form {
  background: url(../img/form.webp) no-repeat center / 100% 100%;
  height: 630px;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transform: scale(1, 0.953968);
  width: 683px;
}

.index .group-1-1 .field,
.iphone-16-u38-17-pro-1 .group-3-2 .field {
  background: url(../img/input.webp) no-repeat center / 100% 100%;
  height: 81px;
  left: 70px;
  position: absolute;
  width: 542px;
}

.index .group-1-1 .field img,
.iphone-16-u38-17-pro-1 .group-3-2 .field img {
  height: 29px;
  left: 26px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

.index .group-1-1 .field input,
.iphone-16-u38-17-pro-1 .group-3-2 .field 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);
}

.index .group-1-1 .field input::placeholder,
.iphone-16-u38-17-pro-1 .group-3-2 .field input::placeholder {
  color: #9aa29a;
  font-weight: 300;
}

.index .group-1-1 .field input[type=password],
.iphone-16-u38-17-pro-1 .group-3-2 .field input[type=password] {
  padding-right: 58px;
}

.index .group-1-1 .pass-toggle,
.iphone-16-u38-17-pro-1 .group-3-2 .pass-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;
}

.index .group-1-1 .pass-toggle:hover,
.iphone-16-u38-17-pro-1 .group-3-2 .pass-toggle:hover {
  opacity: 1;
}

.index .group-1-1 .pass-toggle svg,
.iphone-16-u38-17-pro-1 .group-3-2 .pass-toggle svg {
  height: 100%;
  width: 100%;
}

.index .group-1-1 .pass-toggle .eye-off,
.iphone-16-u38-17-pro-1 .group-3-2 .pass-toggle .eye-off {
  display: none;
}

.index .group-1-1 .pass-toggle.reveal .eye-on,
.iphone-16-u38-17-pro-1 .group-3-2 .pass-toggle.reveal .eye-on {
  display: none;
}

.index .group-1-1 .pass-toggle.reveal .eye-off,
.iphone-16-u38-17-pro-1 .group-3-2 .pass-toggle.reveal .eye-off {
  display: block;
}

.index .group-1-1 .fmsg,
.iphone-16-u38-17-pro-1 .group-3-2 .fmsg {
  color: #ffb3a7;
  font-size: 14px;
  font-weight: 600;
  left: 70px;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  width: 542px;
}

.index .group-1-1 .fmsg.show,
.iphone-16-u38-17-pro-1 .group-3-2 .fmsg.show {
  opacity: 1;
}

.index .group-1-1 button[type=submit],
.iphone-16-u38-17-pro-1 .group-3-2 button[type=submit] {
  animation: ctaPulse 1.5s ease-in-out infinite;
  background: url(../img/cta.webp) no-repeat center / 100% 100%;
  border: none;
  cursor: pointer;
  height: 104px;
  left: 146px;
  padding: 0;
  position: absolute;
  top: 451px;
  width: 390px;
}

.index .group-1-1 button[type=submit]:hover,
.iphone-16-u38-17-pro-1 .group-3-2 button[type=submit]:hover {
  filter: brightness(1.05);
}

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

.index .fce7309b-4443-439c-91f2-99fcec817b7e-1 {
  aspect-ratio: 0.98;
  height: 501px;
  left: 12.92%;
  object-fit: cover;
  position: absolute;
  top: 248px;
  width: 25.47%;
}

.index .layer_1-1 {
  height: 136px;
  left: 171px;
  position: absolute;
  top: 107px;
  width: 610px;
}

.index .group-8 {
  height: 77.24%;
  left: 0;
  position: absolute;
  top: 14.43%;
  width: 74.48%;
}

.index .vector-16 {
  height: 76.01%;
  left: 0;
  position: absolute;
  top: 0;
  width: 12.46%;
}

.index .vector-17 {
  height: 76.00%;
  left: 14.61%;
  position: absolute;
  top: 0;
  width: 12.46%;
}

.index .vector-18 {
  height: 62.47%;
  left: 3.71%;
  position: absolute;
  top: 37.53%;
  width: 19.54%;
}

.index .vector-19 {
  height: 69.81%;
  left: 29.43%;
  position: absolute;
  top: 14.89%;
  width: 16.33%;
}

.index .vector-20 {
  height: 69.81%;
  left: 48.20%;
  position: absolute;
  top: 14.90%;
  width: 3.96%;
}

.index .vector-21 {
  height: 71.72%;
  left: 55.00%;
  position: absolute;
  top: 13.95%;
  width: 15.79%;
}

.index .vector-22 {
  height: 70.76%;
  left: 72.99%;
  position: absolute;
  top: 14.90%;
  width: 12.26%;
}

.index .vector-23 {
  height: 70.76%;
  left: 87.74%;
  position: absolute;
  top: 14.90%;
  width: 12.26%;
}

.index .rectangle-1 {
  height: 100%;
  left: 78.82%;
  position: absolute;
  top: 0;
  width: 21.18%;
}
/* screen - iphone-16-u38-17-pro-1 */

.iphone-16-u38-17-pro-1 {
  background-color: var(--white);
  height: 937px;
  min-width: 402px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-1 .rectangle-2 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.iphone-16-u38-17-pro-1 .rectangle-1-1 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(9, 49, 0, 0) 19%, rgba(4, 14, 0, 0.5) 83%);
  height: 937px;
  left: -1px;
  position: absolute;
  top: 0;
  width: 402px;
}

.iphone-16-u38-17-pro-1 .layer_1-2 {
  height: 7.26%;
  left: 11.19%;
  position: absolute;
  top: 6.51%;
  width: 77.36%;
}

.iphone-16-u38-17-pro-1 .group-15 {
  height: 137px;
  left: 2.99%;
  position: absolute;
  top: 141px;
  width: 93.75%;
}

.iphone-16-u38-17-pro-1 .fce7309b-4443-439c-91f2-99fcec817b7e-2 {
  aspect-ratio: 0.98;
  height: 137px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 35%;
}

.iphone-16-u38-17-pro-1 .group-9 {
  height: 19.71%;
  left: 41.99%;
  position: absolute;
  top: 14.92%;
  width: 54.04%;
}

.iphone-16-u38-17-pro-1 .frame {
  align-items: flex-start;
  display: flex;
  height: 65px;
  left: 141px;
  overflow: hidden;
  position: absolute;
  top: 56px;
  width: 236px;
}

.iphone-16-u38-17-pro-1 .isolation-mode {
  display: flex;
  height: 61px;
  margin-left: -1px;
  margin-top: -0.88px;
  width: 232px;
}

.iphone-16-u38-17-pro-1 .group-11 {
  flex: 1;
  position: relative;
  width: 232.31px;
}

.iphone-16-u38-17-pro-1 .group-12 {
  align-items: flex-start;
  display: flex;
  height: 100%;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 0;
}

.iphone-16-u38-17-pro-1 .group-13 {
  height: 61px;
  position: relative;
  width: 232px;
}

.iphone-16-u38-17-pro-1 .group-16 {
  height: 97.03%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.21%;
}

.iphone-16-u38-17-pro-1 .vector-24 {
  height: 99.80%;
  top: 0;
  width: 99.40%;
}

.iphone-16-u38-17-pro-1 .vector-25 {
  height: 99.81%;
  top: 0;
  width: 99.70%;
}

.iphone-16-u38-17-pro-1 .vector-26 {
  height: 99.81%;
  top: 0;
  width: 100.00%;
}

.iphone-16-u38-17-pro-1 .mask-group-1 {
  height: 60px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 231px;
}

.iphone-16-u38-17-pro-1 .vector-27 {
  height: 95.69%;
  top: 2.21%;
  width: 98.90%;
}

.iphone-16-u38-17-pro-1 .group-17 {
  height: 98.99%;
  left: 0;
  mix-blend-mode: overlay;
  opacity: 0.72;
  position: absolute;
  top: 0;
  width: 99.82%;
}

.iphone-16-u38-17-pro-1 .vector-28 {
  height: 97.04%;
  top: 0;
  width: 99.18%;
}

.iphone-16-u38-17-pro-1 .group-3-1 {
  height: 20px;
  left: 58px;
  position: absolute;
  top: 314px;
  width: 284px;
}

.iphone-16-u38-17-pro-1 .group-3-2 {
  height: 34.69%;
  left: 5.97%;
  position: absolute;
  top: 37.57%;
  width: 87.72%;
}

.iphone-16-u38-17-pro-1 .group-3-2 #form-mb {
  background: url(../img/form.webp) no-repeat center / 100% 100%;
  height: 630px;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transform: scale(0.5159);
  width: 683px;
}

.iphone-16-u38-17-pro-1 .group-14-1 {
  height: 13.64%;
  left: 6.09%;
  position: absolute;
  top: 74.55%;
  width: 87.31%;
}

.iphone-16-u38-17-pro-1 .ellipse-2 {
  background-color: #d9d9d9;
  border-radius: 1px;
  height: 2px;
  left: 199px;
  position: absolute;
  top: 333px;
  width: 2px;
}



.iphone-16-u38-17-pro-1 .vector {
  left: 0;
  position: absolute;
}
@media screen and (orientation: portrait) {
  html,
  body {
    overflow-x: hidden;
  }
  .screen.index {
    display: none;
  }
  .screen.iphone-16-u38-17-pro-1 {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  html,
  body {
    overflow-x: hidden;
  }
  #rikvip-page {
    background: url(../img/vector-10.webp) center / cover no-repeat, url(../img/group-2.webp) center / cover no-repeat;
  }
  .screen.index {
    background-color: transparent;
    display: block;
  }
  .screen.iphone-16-u38-17-pro-1 {
    display: none;
  }
}