@charset "utf-8";

@media (max-width: 767px), (orientation: portrait) and (max-width: 1100px) {

  body {
    min-height: 100vh;
    background: #0B0C21;
  }

  /* ---------- BACKGROUND ---------- */
  .background__img img {
    position: relative;
    inset: auto;
    width: 100vw;
    height: auto;
    object-fit: initial;
  }

  .page {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    min-height: 100vh;
    padding: 0 0 11vw;
  }

  .main,
  .offer {
    display: contents;
  }

  .header {
    position: relative;
    top: auto;
    left: auto;
    order: 1;
    margin-top: 4.6vw;
  }

  .logo,
  .logo img {
    width: 24.9vw;
    height: 8.2vw;
  }

  .logo-partner {
    width: 16.7vw;
    height: 8.5vw;
    padding: 2vw;
  }

  .logo-partner img {
    height: 6.7vw;
  }

  .offer__pill {
    order: 2;
    justify-content: center;
    height: 10.8vw;
    margin: 75.6vw 0 0;
    padding: 0 7.1vw;
    border-radius: 5.4vw;
    font-size: 4.1vw;
    letter-spacing: 0;
  }

  .offer__pill,
  .offer__badge {
    max-width: 89.7vw;
  }

  .offer__upto,
  .offer__amount,
  .offer__fs {
    display: none;
  }

  .offer__badge {
    order: 3;
    gap: 2.6vw;
    height: 8.2vw;
    margin-top: 3.8vw;
    padding: 0 4.1vw 0 4.4vw;
    border-radius: 2.1vw;
    font-size: 3.6vw;
  }

  .offer__badge-icon {
    width: 3.8vw;
    height: 3.8vw;
  }

  /* ---------- REGISTRATION PANEL ---------- */
  .registration {
    position: relative;
    top: auto;
    right: auto;
    order: 4;
    width: calc(100vw - 10.3vw);
    margin-top: 5.1vw;
    padding: 3.8vw 5.1vw 4.6vw;
    border-radius: 4.1vw;
  }

  .registration__head {
    margin-bottom: 4.6vw;
    font-size: 4vw;
    line-height: 1.3;
  }

  .registration__time {
    margin-top: 2.8vw;
  }

  .registration__terms {
    margin-top: 1.3vw;
    font-size: 3.3vw;
  }

  .registration__terms a {
    text-underline-offset: 0.5vw;
  }

  /* ---------- FORM ---------- */
  .registration .wx-form {
    gap: 3.6vw 2.8vw;
    font-size: 3.8vw;
  }

  .registration .wx-item input,
  .registration .wx-item select {
    height: 11.8vw;
    padding: 0 4.1vw;
    border-radius: 2.1vw;
    font-size: 3.8vw;
  }

  .registration .wx-item select {
    padding-right: 10.3vw;
  }

  /* dropdown list */
  .registration .wx-item select option,
  .registration .wx-item select optgroup {
    font-size: 3.8vw;
  }

  .registration .wx-select-arrow {
    right: 4.4vw;
    width: 3.3vw;
    height: 3.3vw;
    margin-top: -1.7vw;
  }

  .registration .wx-item.wx-item__phone {
    gap: 2.8vw;
  }

  .registration .wx-item.wx-item__phone .wx-wrapper {
    flex: 0 0 24.4vw;
    width: 24.4vw;
  }

  .registration .wx-item.wx-item__phone select {
    padding-right: 9vw;
  }

  .registration .wx-item.wx-item__phone .wx-select-arrow {
    right: 3.6vw;
  }

  .registration .wx-item.wx-item__phone .wx-error-hint {
    left: 27.2vw;
  }

  .registration .wx-item__password input {
    padding-right: 12vw;
  }

  .registration .wx-password-toggle,
  .registration .wx-item.error .wx-password-toggle {
    width: 12vw;
  }

  .registration .wx-password-toggle svg {
    width: 4.6vw;
    height: 4.6vw;
  }

  .registration .wx-item.wx-item__promotion {
    margin-top: 1vw;
  }

  .registration .wx-item__promotion .wx-wrapper {
    justify-content: flex-start;
  }

  .registration .wx-checkbox-wrapper {
    width: 100%;
    gap: 2.8vw;
  }

  .registration .wx-checkbox-wrapper input {
    flex: 0 0 5.4vw;
    width: 5.4vw;
    height: 5.4vw;
    border-radius: 1vw;
  }

  .registration .wx-checkbox-wrapper input:checked:before {
    top: 0.8vw;
    left: 1.7vw;
    width: 1.3vw;
    height: 2.6vw;
    border-width: 0 0.6vw 0.6vw 0;
  }

  .registration .wx-checkbox-wrapper input ~ label,
  .registration .wx-item.wx-item__promotion .wx-checkbox-wrapper label {
    flex: 1 1 auto;
    font-size: 3.6vw;
    line-height: 1.3;
    text-align: center;
  }

  .registration button[type='submit'],
  .registration .wx-button.wx-form__button {
    height: 14.4vw;
    margin-top: 1vw;
    padding: 0 5.1vw;
    border-radius: 7.2vw;
    font-size: 4.6vw;
  }

  .registration .wx-error-hint,
  .registration .wx-errors-list {
    font-size: 3.1vw;
  }

  .registration .wx-error-hint {
    margin-top: 1.3vw;
  }

  .registration .wx-errors-list > * {
    margin-top: 1.3vw;
  }

  /* ---------- DEPOSITS ---------- */
  .deposits {
    order: 5;
    gap: 2.1vw 3.1vw;
    width: calc(100vw - 10.3vw);
    margin-top: 5.9vw;
  }

  .deposit {
    flex: 0 0 calc(50% - 1.6vw);
    gap: 1vw;
    padding: 2.8vw 3.1vw 3.1vw;
    border-radius: 2.6vw;
  }

  .deposit__title {
    font-size: 2.9vw;
  }

  .deposit__text {
    font-size: 3.3vw;
  }

  /* ---------- PAYMENTS ---------- */
  .payments {
    order: 6;
    flex-direction: column;
    justify-content: center;
    gap: 3.3vw;
    width: calc(100vw - 10.3vw);
    height: auto;
    margin-top: 4.9vw;
    padding: 4.9vw 4.1vw;
    border: 1px solid var(--input-border);
    border-radius: 4.1vw;
  }

  .payments__list {
    justify-content: center;
    gap: 2.6vw 3.1vw;
  }

  .payments__item img {
    max-height: 3.6vw;
  }

  .payments__crypto {
    gap: 2.1vw;
  }

  .payments__label {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 5.1vw;
    margin-right: 1.5vw;
    padding: 0 3.8vw 0 7.7vw;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1vw 0 0 1vw;
  }

  .payments__label img {
    width: 21.8vw;
    opacity: .85;
  }

  .payments__label:after {
    content: '';
    position: absolute;
    top: 0;
    right: -2.6vw;
    border-style: solid;
    border-width: 2.6vw 0 2.6vw 2.6vw;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.1);
  }

  .payments__list--crypto {
    gap: 0.8vw;
  }

  .payments__item--crypto img {
    max-height: 4.9vw;
  }
}