*,
a,
button {
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.dropdown__list,
.wrapper,
body._lock,
body.preloading {
   overflow: hidden
}

.faq__item.opened .faq__icon,
.instructions__item.opened .instructions__icon {
   background: url(../img/icons/minus.svg) center/contain no-repeat
}

.faq__item:not(:last-child),
.instructions__item:not(:last-child) {
   border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.footer__nav-col,
.wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal
}

.buy__body.disabled-step .step2,
.signup__body.loading form {
   pointer-events: none
}

.benefits__text,
.benefits__title,
.blockchain__item,
.buy__title,
.card__number span,
.cta__button,
.cta__title,
.header__switch label,
.hero__buy-form a,
.hero__buy-title,
.hero__exchange,
.how__title,
.instructions__title {
   text-align: center
}

.checkbox input[type=checkbox]:checked+label::before,
.hero__buy-form a {
   background-color: #3055fe
}

* {
   padding: 0;
   margin: 0;
   border: 0;
   -webkit-tap-highlight-color: transparent;
   scrollbar-color: #555 #fff;
   scrollbar-width: thin
}

::-webkit-scrollbar-thumb {
   background-color: #555
}

::-webkit-scrollbar-track {
   background-color: #fff
}

::-webkit-scrollbar-button {
   display: none;
   background-color: #555
}

::-webkit-scrollbar {
   width: 8px
}

*,
:after,
:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

:active,
:focus,
a:active,
a:focus {
   outline: 0
}

aside,
footer,
header,
nav {
   display: block
}

body,
html {
   height: 100%;
   width: 100%;
   font-size: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

input::-ms-clear {
   display: none
}

button {
   cursor: pointer
}

button::-moz-focus-inner {
   padding: 0;
   border: 0
}

a,
a:hover,
a:visited {
   text-decoration: none
}

.checkbox label a,
.footer__nav-col p a:hover,
.instructions__description a {
   text-decoration: underline;
   transition: all 0.3s;
   color: rgb(153, 153, 153)
}

.instructions__description a:hover {
   color: #3055fe
}

a,
button {
   -webkit-tap-highlight-color: transparent;
   background: 0 0;
   font-family: inherit
}

.button,
.header__switch label,
body {
   font-family: Suisse_Intl
}

ul li {
   list-style: none
}

img {
   vertical-align: top;
   max-width: 100%
}

@font-face {
   font-family: Suisse_Intl;
   src: url("../fonts/Suisse_Intl-Light.woff2") format("woff2"), url("../fonts/Suisse_Intl-Light.woff") format("woff");
   font-weight: 300;
   font-style: normal
}

@font-face {
   font-family: Suisse_Intl;
   src: url("../fonts/Suisse_Intl_Book.woff2") format("woff2"), url("../fonts/Suisse_Intl_Book.woff") format("woff");
   font-weight: 450;
   font-style: normal
}

@font-face {
   font-family: Suisse_Intl;
   src: url("../fonts/Suisse_Intl_Medium.woff2") format("woff2"), url("../fonts/Suisse_Intl_Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal
}

@font-face {
   font-family: Suisse_Intl;
   src: url("../fonts/Suisse_Intl_Regular.woff2") format("woff2"), url("../fonts/Suisse_Intl_Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal
}

html {
   scroll-behavior: smooth
}

body {
   height: 100%
}

.wrapper {
   min-height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   background-color: #f9f9f9
}

.header__body,
.preloader {
   display: -webkit-box;
   display: -ms-flexbox
}

main {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto
}

.container {
   width: min(100% - 2rem, 1344px);
   margin-inline: auto;
   padding: 112px 0
}

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 999;
   background: #f9f9f9
}

.preloader.loaded {
   display: none
}

.preloader__icon {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border-top: 4px solid transparent;
   border-right: 4px solid #000;
   border-bottom: 4px solid #000;
   border-left: 4px solid #000;
   -webkit-animation: 1s infinite rotatig;
   animation: 1s infinite rotatig
}

@-webkit-keyframes rotatig {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes rotatig {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

.button {
   border-radius: 7px;
   background: #000;
   padding: 9px 14px;
   color: #fff;
   font-size: 12px;
   font-weight: 400;
   line-height: 150%;
   -webkit-transition: background-color .3s;
   -o-transition: background-color .3s;
   transition: background-color .3s;
   white-space: nowrap
}

.header__switch label,
.hero__title,
.menu__link {
   color: #000;
   font-weight: 400
}

.button:active {
   -webkit-transform: scale(.9);
   -ms-transform: scale(.9);
   transform: scale(.9)
}

.header {
   position: absolute;
   top: 32px;
   left: 0;
   width: 100%
}

.header__body {
   padding: 16px 0 !important;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 40px
}

.header__logo {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 224px;
   flex: 0 1 224px
}

.header__logo.element-animation {
   opacity: .1;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s
}

.header__logo.element-animation.element-show {
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
}

.header__logo a {
   display: block;
   width: 100%;
   height: 100%;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.header__logo a img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.blockchain__values,
.header__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.header__switch,
.hero {
   -webkit-box-align: center
}

.header__menu {
   margin-right: 40px
}

.header__button {
   margin-left: 24px
}

.header__button.element-animation {
   opacity: 0;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transition: 1s .6s;
   -o-transition: 1s .6s;
   transition: 1s .6s
}

.header__button.element-animation.element-show {
   opacity: 1;
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1)
}

.header__switch {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #f0f0f0;
   border-radius: 42px;
   padding: 2px;
   width: 134px;
   height: 32px;
   -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .06);
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .06)
}

.header__switch.element-animation {
   opacity: 0;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transition: 1s .5s;
   -o-transition: 1s .5s;
   transition: 1s .5s
}

.header__switch.element-animation.element-show {
   opacity: 1;
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1)
}

.dropdown__input-hidden,
.header__switch input[type=radio] {
   display: none
}

.header__switch label {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   cursor: pointer;
   font-size: 12px;
   line-height: 114.285714%;
   z-index: 2;
   height: 28px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.header__switch .slider {
   position: absolute;
   top: 2px;
   left: 2px;
   width: 64px;
   height: 28px;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   border-radius: 42px;
   -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 rgba(0, 0, 0, .03);
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 rgba(0, 0, 0, .03);
   background: #fff
}

.header__switch input#normal:checked~.slider {
   left: 2px
}

.header__switch input#expert:checked~.slider {
   left: 68px
}

.menu,
.signup.opened {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.menu__icon {
   display: none;
   will-change: transform
}

.hero__body,
.menu__body {
   display: -webkit-box;
   display: -ms-flexbox
}

.menu__body {
   display: flex;
   gap: 15px
}

.menu__list li.element-animation {
   opacity: 0;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0)
}

.menu__list li.element-animation.element-show {
   opacity: 1;
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1)
}

.menu__list li:first-child {
   -webkit-transition: 1s .1s;
   -o-transition: 1s .1s;
   transition: 1s .1s
}

.menu__list li:nth-child(2) {
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.menu__list li:nth-child(3) {
   -webkit-transition: 1s .3s;
   -o-transition: 1s .3s;
   transition: 1s .3s
}

.menu__list li:nth-child(4) {
   -webkit-transition: 1s .4s;
   -o-transition: 1s .4s;
   transition: 1s .4s
}

.dropdown__button,
.menu__link {
   font-family: Suisse_Intl;
   -webkit-transition: .3s;
   -o-transition: .3s
}

.menu__link {
   font-size: 14px;
   line-height: 128.571429%;
   transition: .3s;
   white-space: nowrap
}

.menu__link:is(:hover, :active) {
   color: #3055fe
}

.no-webp .hero {
   background: url(../img/hero/Illustration.png) 100% 100%/contain no-repeat
}

.hero {
   padding-top: 120px;
   height: 100svh;
   min-height: 740px;
   display: -ms-grid;
   display: grid;
   -ms-flex-align: center;
   align-items: center
}

.hero__body {
   height: 100%;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0 !important
}

.dropdown__button,
.dropdown__list-item {
   display: -webkit-box;
   display: -ms-flexbox;
   gap: 6px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   cursor: pointer
}

.faq__items,
.faq__text,
.hero__form,
.hero__text {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%
}

.hero__title {
   font-family: Suisse_Intl;
   line-height: 1;
   margin-bottom: 28px;
   font-size: 80px
}

.hero__title.element-animation {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: 1s .7s;
   -o-transition: 1s .7s;
   transition: 1s .7s
}

.hero__title.element-animation.element-show {
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.hero__subtitle {
   color: rgba(0, 0, 0, .8);
   font-family: Suisse_Intl;
   font-size: 20px;
   font-weight: 300;
   line-height: 130%;
   margin-bottom: 56px
}

.hero__subtitle.element-animation {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: 1s .8s;
   -o-transition: 1s .8s;
   transition: 1s .8s
}

.hero__subtitle.element-animation.element-show {
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.hero__button.element-animation {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: 1s .9s;
   -o-transition: 1s .9s;
   transition: 1s .9s
}

.carousel-container.element-animation.element-show,
.hero__button.element-animation.element-show {
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.dropdown {
   position: absolute;
   top: 16px;
   right: 20px;
   z-index: 1;
   width: auto;
   height: 32px;
   background: #e7e7e7;
   border-radius: 30px
}

.dropdown__button {
   position: relative;
   height: 32px;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   color: rgba(0, 0, 0, .8);
   font-size: 14px;
   font-weight: 400;
   line-height: 128.571429%;
   padding: 6px 30px 6px 6px;
   border: 1px solid transparent;
   user-select: none;
   border-radius: 30px;
   transition: .3s
}

.dropdown__list-item,
.dropdown__list-item span {
   font-size: 17px;
   font-weight: 400;
   font-family: Suisse_Intl
}

.dropdown__button img {
   display: inline-block;
   width: 20px;
   height: 20px;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%
}

.dropdown__button.dropdown__button--active,
.dropdown__button:focus {
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   background: #3055fe;
   color: #fff
}

.dropdown__button::after {
   content: "";
   position: absolute;
   top: 10px;
   right: 10px;
   width: 10px;
   height: 10px;
   background: url(../img/icons/chevron.svg) center/contain no-repeat;
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   transition-duration: .3s;
   border-radius: 50%
}

.dropdown:not(.big-dropdown) .dropdown__button--active.dropdown__button::after {
   background: url(../img/icons/chevron-wh.svg) center/contain no-repeat;
   -webkit-transform: rotate(180deg) translateY(2px);
   -ms-transform: rotate(180deg) translateY(2px);
   transform: rotate(180deg) translateY(2px)
}

.dropdown .dropdown__button--active.dropdown__button::after {
   -webkit-transform: rotate(180deg) translateY(2px);
   -ms-transform: rotate(180deg) translateY(2px);
   transform: rotate(180deg) translateY(2px)
}

.dropdown__list {
   display: none;
   position: absolute;
   right: -19px;
   padding: 4px;
   top: 36px;
   margin: 0;
   list-style-type: none;
   width: 100%;
   min-width: 350px;
   z-index: 1;
   border-radius: 12px;
   max-height: 400px;
   overflow-y: auto;
   -webkit-box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .08), 0 0 12px 1px rgba(0, 0, 0, .02);
   box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .08), 0 0 12px 1px rgba(0, 0, 0, .02);
   background: #fff
}

.dropdown__list--visible,
.dropdown__list-item.active::after {
   display: block
}

.hero__buy-block,
.signup__body {
   -webkit-box-shadow: 0 56px 48px -24px rgba(0, 0, 0, .02)
}

.dropdown__list-item {
   width: 100%;
   margin: 0;
   padding: 8px 12px;
   line-height: 125%;
   border-radius: 8px;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   color: rgba(0, 0, 0, .8);
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   user-select: none
}

.benefits__icon,
.buy__body,
.cta__button,
.hero__buy-block,
.instructions__items,
.loading-icon,
.signup__body {
   margin-inline: auto
}

.carousel-item,
.carousel-track {
   display: -webkit-box;
   display: -ms-flexbox
}

.carousel-item,
.partners__slider {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none
}

.dropdown__list-item img {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   -o-object-fit: cover;
   object-fit: cover
}

.dropdown__list-item::after {
   content: "";
   position: absolute;
   width: 12px;
   height: 12px;
   top: 12px;
   right: 16px;
   background: url(../img/icons/checked.svg) center/12px 12px no-repeat;
   display: none
}

.dropdown__list-item span {
   color: #999
}

.dropdown__list-item.active {
   background: #f8f8f8
}

.dropdown__list-item:not(:last-child) {
   margin-bottom: 4px
}

.hero__buy {
   width: 100%;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   z-index: 2
}

.hero__buy-block {
   border-radius: 24px;
   box-shadow: 0 56px 48px -24px rgba(0, 0, 0, .02);
   background: #fff;
   width: min(432px, 100%);
   padding: 24px
}

.hero__buy-block.element-animation {
   opacity: 0;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: 1s 1s;
   -o-transition: 1s 1s;
   transition: 1s 1s
}

.hero__buy-block.element-animation.element-show {
   opacity: 1;
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1)
}

.hero__buy-title {
   margin-top: 20px;
   color: rgba(0, 0, 0, .8);
   font-family: Suisse_Intl;
   font-size: 24px;
   font-weight: 450;
   line-height: 1;
   margin-bottom: 58px
}

.hero__buy-form a {
   display: block;
   margin-top: 56px;
   width: 100%;
   color: #fff;
   font-size: 16px
}

.hero__buy-form a:is(:active, :hover) {
   background-color: #000
}

.hero__buy-item {
   position: relative;
   width: 100%;
   height: 64px;
   z-index: 0
}

.hero__buy-item.active {
   z-index: 2
}

.hero__buy-item label {
   position: absolute;
   left: 0;
   top: -22px;
   display: inline-block;
   color: #999;
   font-family: Suisse_Intl;
   font-size: 14px;
   font-weight: 400
}

.hero__buy-item input {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 12px;
   background: #f8f8f8;
   padding: 16px 20px;
   z-index: 1;
   color: #000;
   font-family: Suisse_Intl;
   font-size: 18px;
   font-weight: 500
}

.hero__buy-item input[type=number]::-webkit-inner-spin-button,
.hero__buy-item input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0
}

.hero__buy-item input[type=number] {
   -moz-appearance: textfield
}

.hero__buy-item:first-child {
   margin-bottom: 46px
}

.hero__exchange {
   color: #3055fe;
   font-family: Suisse_Intl;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   margin-top: 16px
}

.benefits__name,
.benefits__title {
   color: #000;
   font-family: Suisse_Intl;
   font-weight: 400
}

.carousel-container {
   margin-top: -40px;
   width: 100%;
   overflow: hidden;
   position: relative
}

.carousel-container.element-animation {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: 1s 1.1s;
   -o-transition: 1s 1.1s;
   transition: 1s 1.1s
}

.carousel-track {
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-animation: 30s linear infinite scroll-left;
   animation: 30s linear infinite scroll-left;
   gap: 24px
}

.carousel-item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   padding: 8px 16px 8px 8px;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 1209px;
   background: #fff;
   opacity: .6;
   cursor: pointer;
   gap: 6px;
   user-select: none;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.benefits__items,
.partners__content {
   display: -webkit-box;
   display: -ms-flexbox
}

.carousel-item img {
   height: 24px;
   width: 24px;
   border-radius: 50%;
   -o-object-fit: cover;
   object-fit: cover
}

@-webkit-keyframes scroll-left {
   from {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
   }

   to {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
   }
}

@keyframes scroll-left {
   from {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
   }

   to {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
   }
}

.benefits__title {
   margin-bottom: 80px;
   line-height: 107.142857%;
   font-size: 56px
}

.benefits__title.element-animation {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0;
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.benefits__title.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.benefits__items {
   display: flex;
   gap: 56px
}

.benefits__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 33.333%;
   flex: 0 1 33.333%
}

.benefits__item.element-animation {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0
}

.benefits__item.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.benefits__item:first-child {
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.benefits__item:nth-child(2) {
   -webkit-transition: 1s .3s;
   -o-transition: 1s .3s;
   transition: 1s .3s
}

.benefits__item:nth-child(3) {
   -webkit-transition: 1s .4s;
   -o-transition: 1s .4s;
   transition: 1s .4s
}

.benefits__icon {
   width: 60px;
   height: 60px;
   margin-bottom: 31px
}

.benefits__icon img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.card__number img,
.card__number span {
   width: 40px;
   height: 40px;
   border-radius: 50%
}

.benefits__name {
   font-size: 24px;
   line-height: 116.666667%;
   margin-bottom: 12px
}

.how__title,
.partners__title {
   font-family: Suisse_Intl;
   font-weight: 400;
   margin-bottom: 80px
}

.benefits__description {
   color: #999;
   font-family: Suisse_Intl;
   font-size: 16px;
   font-weight: 400;
   line-height: 137.5%
}

.partners__body {
   width: 100%;
   padding-left: 48px;
   max-width: 1440px
}

.partners__title {
   max-width: 527px;
   color: #000;
   line-height: 107.142857%;
   font-size: 56px
}

.partners__title.element-animation {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0;
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.partners__title.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.partners__content {
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end
}

.card__number,
.partners__info {
   display: -webkit-box;
   display: -ms-flexbox
}

.partners__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   padding-right: 72px;
   border-right: 1px solid rgba(0, 0, 0, .08);
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 40px
}

.partners__info-item {
   color: #999;
   font-family: Suisse_Intl;
   font-size: 16px;
   font-weight: 400;
   line-height: 125%;
   white-space: nowrap
}

.partners__info-item span {
   display: block;
   color: #000;
   font-size: 48px;
   font-weight: 400;
   line-height: 116.666667%;
   margin-bottom: 4px
}

.partners__info-item.element-animation {
   -webkit-transform: translateX(-20px);
   -ms-transform: translateX(-20px);
   transform: translateX(-20px);
   opacity: 0
}

.partners__info-item.element-animation.element-show {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0);
   opacity: 1
}

.partners__info-item:first-child {
   -webkit-transition: 1s .4s;
   -o-transition: 1s .4s;
   transition: 1s .4s
}

.partners__info-item:nth-child(2) {
   -webkit-transition: 1s .3s;
   -o-transition: 1s .3s;
   transition: 1s .3s
}

.partners__info-item:nth-child(3) {
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.partners__info-item:nth-child(4) {
   -webkit-transition: 1s .1s;
   -o-transition: 1s .1s;
   transition: 1s .1s
}

.partners__slider {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   user-select: none;
   -webkit-transition: 1s .5s;
   -o-transition: 1s .5s;
   transition: 1s .5s
}

.blockchain__item,
.partners__slide {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none
}

.partners__slider.element-animation {
   -webkit-transform: translateX(50px);
   -ms-transform: translateX(50px);
   transform: translateX(50px);
   opacity: 0
}

.card:nth-child(2).element-animation.element-show,
.partners__slider.element-animation.element-show {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0);
   opacity: 1
}

.partners__slide {
   user-select: none;
   width: auto
}

.footer,
.how {
   background: #000
}

.how__title {
   color: #fff;
   line-height: 107.142857%;
   font-size: 56px
}

.how__title.element-animation {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0;
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.card:nth-child(4).element-animation.element-show,
.how__title.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.how__cards {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   gap: 24px
}

.card {
   padding: 40px;
   border-radius: 24px;
   background-color: #181818
}

.card:first-child.element-animation {
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
   z-index: 1;
   opacity: 0
}

.card:first-child.element-animation.element-show {
   opacity: 1
}

.card:nth-child(2).element-animation {
   -webkit-transition: 1s 1s;
   -o-transition: 1s 1s;
   transition: 1s 1s;
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   opacity: 0
}

.card:nth-child(3).element-animation {
   -webkit-transition: 1s 2s;
   -o-transition: 1s 2s;
   transition: 1s 2s;
   z-index: 1;
   -webkit-transform: translateY(-104%);
   -ms-transform: translateY(-104%);
   transform: translateY(-104%)
}

.card:nth-child(3).element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.card:nth-child(4).element-animation {
   -webkit-transition: 1s 2s;
   -o-transition: 1s 2s;
   transition: 1s 2s;
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   opacity: 0
}

.card__number {
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   margin-bottom: 116px
}

.card__number span,
.instructions__text {
   display: -webkit-box;
   display: -ms-flexbox;
   -webkit-box-align: center;
   font-weight: 400;
   font-family: Suisse_Intl
}

.card__number span {
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   font-size: 18px;
   line-height: 144.444444%;
   background: rgba(255, 255, 255, .12);
   padding-top: 2px
}

.card__number img {
   -o-object-fit: cover;
   object-fit: cover
}

.card__name {
   color: #fff;
   font-family: Suisse_Intl;
   font-weight: 400;
   line-height: 125%;
   margin-bottom: 12px;
   font-size: 32px
}

.card__name.element-animation {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: 1s 3s;
   -o-transition: 1s 3s;
   transition: 1s 3s
}

.card__name.element-animation.element-show {
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.card__text {
   color: rgba(255, 255, 255, .64);
   font-family: Suisse_Intl;
   font-weight: 400;
   line-height: 144.444444%;
   font-size: 18px
}

.card__text.element-animation {
   opacity: 0;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: 1s 3.2s;
   -o-transition: 1s 3.2s;
   transition: 1s 3.2s
}

.card__text.element-animation.element-show {
   opacity: 1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.instructions__title {
   color: #000;
   font-family: Suisse_Intl;
   font-weight: 400;
   line-height: 125%;
   margin-bottom: 8px;
   font-size: 32px
}

.instructions__title.element-animation {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0;
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.instructions__title.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.instructions__subtitle {
   color: #999;
   font-family: Suisse_Intl;
   font-size: 18px;
   font-weight: 400;
   line-height: 122.222222%;
   margin-bottom: 72px;
   text-align: center
}

.faq__item.opened .faq__answer ol,
.faq__item.opened .faq__answer p:not(:last-child),
.instructions__description p:not(:last-child) {
   margin-bottom: 10px
}

.instructions__subtitle.element-animation {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0;
   -webkit-transition: 1s .2s;
   -o-transition: 1s .2s;
   transition: 1s .2s
}

.instructions__subtitle.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.instructions__items {
   max-width: 888px
}

.instructions__items.element-animation {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: 1s .4s;
   -o-transition: 1s .4s;
   transition: 1s .4s;
   opacity: 0
}

.instructions__items.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.instructions__item {
   max-height: 36px;
   overflow: hidden;
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s
}

.instructions__item:not(:first-child) {
   margin-top: 20px
}

.instructions__item.opened {
   max-height: 300px
}

.instructions__text {
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   color: #000;
   font-size: 18px;
   line-height: 144.444444%;
   margin-bottom: 10px;
   cursor: pointer
}

.instructions__number {
   width: 22px;
   height: 22px;
   color: #fff;
   font-family: Suisse_Intl;
   font-size: 12px;
   font-weight: 450;
   line-height: 133.333333%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background: #3055fe;
   border-radius: 50%;
   margin-right: 10px
}

.faq__title,
.instructions__description {
   font-family: Suisse_Intl;
   font-weight: 400
}

.faq__icon,
.instructions__icon {
   width: 16px;
   height: 16px;
   background: url(../img/icons/plus.svg) center/contain no-repeat;
   position: relative
}

.instructions__icon {
   display: block;
   margin-left: auto
}

.instructions__description {
   color: #999;
   font-size: 16px;
   line-height: 125%;
   margin-bottom: 20px
}

.faq__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 138px
}

.faq__title {
   margin-bottom: 32px;
   color: #000;
   line-height: 107.142857%;
   font-size: 56px
}

.faq__question,
.faq__subtitle {
   font-size: 24px;
   line-height: 116.666667%;
   font-family: Suisse_Intl;
   font-weight: 400
}

.faq__title.element-animation {
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0
}

.faq__title.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.faq__subtitle {
   color: #999
}

.faq__subtitle a {
   color: #999;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.faq__subtitle.element-animation {
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s;
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
   opacity: 0
}

.faq__subtitle.element-animation.element-show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.faq__items.element-animation {
   -webkit-transition: 1s .5s;
   -o-transition: 1s .5s;
   transition: 1s .5s;
   -webkit-transform: translateX(20px);
   -ms-transform: translateX(20px);
   transform: translateX(20px);
   opacity: 0
}

.faq__items.element-animation.element-show {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0);
   opacity: 1
}

.faq__item {
   padding: 32px 0
}

.faq__item.opened .faq__question {
   margin-bottom: 16px
}

.faq__item.opened .faq__answer {
   font-size: 18px;
   max-height: unset
}

.faq__icon {
   display: block
}

.faq__question,
.footer__menu {
   display: -webkit-box;
   display: -ms-flexbox
}

.faq__question {
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   gap: 20px;
   color: #000;
   cursor: pointer
}

.faq__answer {
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   color: #858585;
   font-family: Suisse_Intl;
   font-size: 0;
   font-weight: 400;
   line-height: 144.444444%
}

.faq__answer ol {
   padding-left: 24px
}

.faq__answer ol li {
   list-style-type: decimal
}

.faq__answer span {
   color: #000
}

.no-webp .cta {
   background: url(../img/hero/CTA.png) center/cover no-repeat
}

.cta__body {
   padding: 128px 0
}

.cta__title {
   color: #000;
   font-family: Suisse_Intl;
   font-size: 32px;
   font-weight: 400;
   line-height: 125%;
   margin-bottom: 32px
}

.cta__title.element-animation {
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: 1s;
   -o-transition: 1s;
   transition: 1s
}

.cta__title.element-animation.element-show {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
}

.cta__button {
   position: relative
}

.cta__button.element-animation {
   opacity: 0;
   -webkit-transition: 1s .5s;
   -o-transition: 1s .5s;
   transition: 1s .5s
}

.footer__nav-link,
.footer__social {
   -webkit-transition: .3s;
   -o-transition: .3s
}

.checkbox input[type=checkbox]:checked+label::after,
.cta__button.element-animation.element-show {
   opacity: 1
}

.footer__body {
   padding: 80px 0 49px
}

.footer__main {
   padding-bottom: 24px;
   border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.footer__main p {
   color: rgba(255, 255, 255, .34);
   font-family: Suisse_Intl;
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   max-width: 660px
}

.footer__nav-col p,
.footer__nav-col p a {
   color: rgba(255, 255, 255, .66)
}

.footer__nav-col p,
.footer__nav-link,
.footer__nav-title {
   line-height: 125%;
   font-weight: 400;
   font-size: 16px;
   font-family: Suisse_Intl
}

.footer__menu {
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 80px
}

.footer__nav,
.footer__nav-col {
   display: -webkit-box;
   display: -ms-flexbox
}

.footer__nav-title,
.signup__success-text p:not(:last-child) {
   margin-bottom: 10px
}

.footer__nav {
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   gap: 40px
}

.footer__nav-col {
   width: auto;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column
}

.footer__socials,
.step__header {
   display: -webkit-box;
   display: -ms-flexbox
}

.footer__nav-col p {
   max-width: 432px
}

.footer__nav-title {
   color: #fff
}

.footer__nav-link {
   white-space: nowrap;
   color: rgba(255, 255, 255, .72);
   transition: .3s;
   padding: 8px 0
}

.footer__nav-link:is(:hover, :active) {
   color: #fff
}

.footer__socials {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 110px;
   flex: 0 0 110px;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 16px
}

.signup,
.step__header {
   -webkit-box-align: center
}

.footer__social {
   display: inline-block;
   width: 24px;
   height: 24px;
   opacity: .4;
   transition: .3s
}

.loading-icon,
.signup,
.signup__body.loaded .signup__title,
.signup__body.loaded button span,
.signup__body.loaded form,
.signup__body.loading button span,
.signup__success,
.step__value .invalid {
   display: none
}

.signup__close,
.signup__form-item input {
   -webkit-transition: .3s;
   -o-transition: .3s
}

.footer__copyright {
   padding-top: 24px;
   color: rgba(255, 255, 255, .34);
   font-family: Suisse_Intl;
   font-size: 12px;
   font-weight: 400;
   line-height: 133.333333%
}

.signup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
   background: rgba(0, 0, 0, .34);
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   max-height: 100dvh;
   overflow-y: auto
}

.signup.opened .signup__body {
   -webkit-animation: .3s linear forwards popup-opened;
   animation: .3s linear forwards popup-opened
}

.signup__body {
   border-radius: 24px;
   box-shadow: 0 56px 48px -24px rgba(0, 0, 0, .02);
   background: #fff;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   padding: 56px 40px 40px;
   width: min(480px, 100% - 30px);
   position: relative
}

.signup__body.loaded .signup__success,
.signup__body.loading .loading-icon {
   display: block
}

.signup__success-title,
.signup__title {
   color: rgba(0, 0, 0, .8);
   font-family: Suisse_Intl;
   font-size: 24px;
   font-weight: 450;
   line-height: 1;
   margin-bottom: 40px
}

.signup__form-item:not(:last-child),
.signup__success-title {
   margin-bottom: 24px
}

.signup__form {
   width: 100%
}

.signup__form button {
   width: 100%;
   font-size: 16px;
   padding: 16px 32px
}

.signup__form-item {
   width: 100%
}

.signup__form-item span {
   display: block;
   color: #999;
   font-family: Suisse_Intl;
   font-size: 14px;
   font-weight: 400;
   line-height: 114.285714%;
   margin-bottom: 8px
}

.signup__form-item input {
   width: 100%;
   padding: 16px;
   border-radius: 12px;
   background: #f8f8f8;
   color: #000;
   font-family: Suisse_Intl;
   font-size: 17px;
   font-weight: 400;
   line-height: 129.411765%;
   border: 1px solid transparent;
   transition: .3s
}

.signup__form-item input::-webkit-input-placeholder {
   color: #999
}

.signup__form-item input::-moz-placeholder {
   color: #999
}

.signup__form-item input:-ms-input-placeholder {
   color: #999
}

.signup__form-item input::-ms-input-placeholder {
   color: #999
}

.signup__form-item input::placeholder {
   color: #999
}

.signup__form-item input:user-invalid {
   border-color: #f53d3d
}

.signup__form-item input:focus {
   border-color: #3055fe
}

.signup__success-icon {
   width: 120px;
   height: 120px;
   margin-inline: auto;
   margin-bottom: 24px
}

.signup__success-icon img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.signup__success-text {
   font-family: Suisse_Intl;
   font-size: 18px;
   font-weight: 400;
   line-height: 144.444444%;
   color: #858585;
   margin-bottom: 48px
}

.checkbox label a:hover,
.signup__success-text p span {
   color: #000
}

.signup__close {
   position: absolute;
   top: 56px;
   right: 40px;
   width: 24px;
   height: 24px;
   cursor: pointer;
   transition: .3s
}

.signup__close:hover {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.signup__close img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.resend-email {
   background: #ececec;
   color: #000;
   width: 100%;
   padding: 16px 32px;
   font-family: Suisse_Intl;
   font-size: 16px
}

.buy__title,
.step__title {
   color: rgba(0, 0, 0, .8);
   font-family: Suisse_Intl
}

.loading-icon {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   border-top: 4px solid transparent;
   border-right: 4px solid #fff;
   border-bottom: 4px solid #fff;
   border-left: 4px solid #fff;
   -webkit-animation: 1s infinite rotatig;
   animation: 1s infinite rotatig
}

@-webkit-keyframes popup-opened {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@keyframes popup-opened {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

.buy {
   padding-top: 120px;
   padding-bottom: 160px;
   background: #f9f9f9
}

.buy__body {
   margin-top: 56px;
   width: min(660px, 100% - 30px);
   border-radius: 24px;
   -webkit-box-shadow: 0 56px 48px -24px rgba(0, 0, 0, .02);
   box-shadow: 0 56px 48px -24px rgba(0, 0, 0, .02);
   background: #fff;
   padding: 64px 40px 40px
}

.buy__body.disabled-step .submit-button {
   background: rgba(0, 0, 0, .32);
   cursor: not-allowed;
   pointer-events: none
}

.buy__title {
   font-size: 32px;
   font-weight: 500;
   line-height: 1;
   margin-bottom: 64px
}

.buy__form .submit-button {
   border-radius: 12px;
   background: #000;
   width: 100%;
   padding: 16px 24px;
   color: #fff;
   font-size: 17px;
   font-weight: 500;
   line-height: 129.411765%;
   margin-top: 68px
}

.buy__form .submit-button.disabled {
   cursor: not-allowed
}

.buy .step1 {
   border-bottom: 1px solid rgba(0, 0, 0, .08);
   padding-bottom: 48px
}

.buy .step2 {
   padding-top: 48px
}

.buy .step2 .step__user {
   color: #3055fe
}

.step__user input {
   color: #000;
   font-family: Suisse_Intl;
   font-size: 14px;
   font-weight: 450;
   line-height: 16px;
   letter-spacing: -0.4%;
   text-align: center;
   padding: 2px 4px;
   margin-bottom: 2px;
   max-width: 98px;
   border-bottom: 1px solid rgb(153, 153, 153);
}

.step__user input:user-invalid {
   border-bottom: 1px solid red;
}

.step__user input:user-invalid::placeholder {
   color: red;
}

.step__user input::placeholder {
   color: rgb(153, 153, 153);
}

.step__header {
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   margin-bottom: 32px
}

@media (max-width: 450px) {
   .step__header {
      flex-direction: column;
   }
}

.step__form-row,
.step__user {
   display: -webkit-box;
   display: -ms-flexbox
}

.step__title {
   font-size: 20px;
   font-weight: 450;
   line-height: 120%
}

.blockchain span,
.step__form-item span,
.step__user {
   color: #999;
   font-family: Suisse_Intl;
   font-size: 14px;
   line-height: 114.285714%
}

.step__user {
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
   font-weight: 450
}

.step__user img {
   -webkit-transform: translateY(-2px);
   -ms-transform: translateY(-2px);
   transform: translateY(-2px)
}

.step__form-row {
   display: flex;
   gap: 12px
}

.step__form-row .step__form-item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%
}

.step__form-row-secondary {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   width: 100%
}

.step__form-item {
   width: 100%;
   margin-bottom: 32px
}

.blockchain span,
.step__form-item span {
   display: block;
   margin-bottom: 8px;
   font-weight: 400
}

.step__form-item .big-dropdown .dropdown__button,
.step__value input {
   width: 100%;
   height: 100%;
   padding: 16px;
   border-radius: 12px;
   font-family: Suisse_Intl;
   color: #000;
   font-size: 17px;
   line-height: 129.411765%;
   background: #f8f8f8;
   font-weight: 400;
   left: 0;
   top: 0;
   position: absolute
}

.step__form-item .big-dropdown {
   width: 100%;
   height: 100%;
   right: 0;
   top: 0 !important
}

.step__form-item .big-dropdown .dropdown__button {
   border: 1px solid transparent
}

.step__form-item .big-dropdown .dropdown__button img {
   -webkit-transform: translateY(-2px);
   -ms-transform: translateY(-2px);
   transform: translateY(-2px)
}

.step__form-item .big-dropdown .dropdown__button::after {
   top: 23px;
   right: 23px
}

.step__form-item .big-dropdown .dropdown__button.dropdown__button--active {
   border-color: #3055fe
}

.step__form-item .big-dropdown .dropdown__list {
   right: 0;
   width: 100%;
   top: 60px
}

.step__value {
   position: relative;
   width: 100%;
   height: 56px
}

.step__value input {
   border: 1px solid transparent
}

.blockchain__value:not(:first-child),
.checkbox label {
   padding-left: 32px
}

.blockchain__value p,
.blockchain__value span {
   font-size: 14px;
   line-height: 114.285714%;
   font-family: Suisse_Intl
}

.step__value input::-webkit-input-placeholder {
   color: #999
}

.step__value input::-moz-placeholder {
   color: #999
}

.step__value input:-ms-input-placeholder {
   color: #999
}

.step__value input::-ms-input-placeholder {
   color: #999
}

.step__value input::placeholder {
   color: #999
}

.step__value input:focus {
   border-color: #3055fe !important
}

.step__value input:user-invalid {
   border-color: #fb4204
}

.step__value.active {
   z-index: 5
}

.step__value .dropdown {
   top: 12px
}

.step__value .dropdown .dropdown__list-item span {
   margin-top: 2px;
   margin-bottom: 0
}

.step__value .invalid {
   color: #fb4204;
   font-family: Suisse_Intl;
   font-size: 12px;
   font-weight: 400;
   line-height: 116.666667%;
   position: absolute;
   top: calc(100% + 6px);
   left: 2px
}

.step__value.error input {
   border-color: #fb4204
}

.step__value.error .invalid {
   display: block
}

.step__value .card-input-icon {
   width: 55px;
   height: auto;
   -o-object-fit: contain;
   object-fit: contain;
   position: absolute;
   top: 16px;
   right: 6px;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   opacity: 0
}

.blockchain__items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 12px;
   background: #f8f8f8;
   padding: 2px;
   margin-bottom: 32px;
   position: relative
}

.blockchain__items .bg-cover {
   position: absolute;
   top: 2px;
   left: 2px;
   width: calc(25% - 2px);
   border-radius: 10px;
   height: calc(100% - 4px);
   background-color: #fff;
   -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .06);
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .06);
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.blockchain__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 25%;
   flex: 0 1 25%;
   padding: 12px;
   border-radius: 10px;
   cursor: pointer;
   z-index: 2;
   user-select: none;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.blockchain__value span {
   display: block;
   color: #999;
   font-weight: 400;
   white-space: nowrap;
   margin-bottom: 6px
}

.blockchain__value p {
   color: rgba(0, 0, 0, .64);
   font-weight: 450
}

.blockchain__value:not(:last-child) {
   padding-right: 32px;
   border-right: 1px solid rgba(0, 0, 0, .08)
}

.checkbox {
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start
}

.checkbox input[type=checkbox] {
   display: none;
   width: auto;
   color: #fff
}

.checkbox label {
   position: relative;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-style: italic;
   font-family: Suisse_Intl;
   font-size: 12px;
   color: rgba(0, 0, 0, .34);
   font-weight: 400;
   line-height: 133.333333%
}

.checkbox label::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 20px;
   height: 20px;
   -webkit-transition: background-color .3s;
   -o-transition: background-color .3s;
   transition: background-color .3s;
   border-radius: 6px;
   background-color: #f8f8f8;
   border: 1px solid #f0f0f0
}

.checkbox label a {
   color: rgba(0, 0, 0, .5);
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.checkbox label::after {
   content: "";
   position: absolute;
   left: 8px;
   top: 8px;
   -webkit-transform: translateY(-50%) rotate(45deg);
   -ms-transform: translateY(-50%) rotate(45deg);
   transform: translateY(-50%) rotate(45deg);
   width: 5px;
   height: 10px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   opacity: 0;
   -webkit-transition: opacity .3s;
   -o-transition: opacity .3s;
   transition: opacity .3s
}

@media (min-width:880px) {
   .menu__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 32px
   }
}

@media (max-width:1344px) {
   .hero__title {
      font-size: calc(48px + 32 * ((100vw - 320px) / 1024))
   }

   .benefits__title,
   .faq__title,
   .how__title,
   .partners__title {
      font-size: calc(36px + 20 * ((100vw - 320px) / 1024))
   }

   .card__name,
   .instructions__title {
      font-size: calc(24px + 8 * ((100vw - 320px) / 1024))
   }

   .card__text {
      font-size: calc(16px + 2 * ((100vw - 320px) / 1024))
   }
}

@media (max-width:1000px) {
   .partners__title {
      margin-bottom: 64px
   }

   .partners__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      gap: 48px
   }

   .partners__info {
      border: none
   }

   .faq__body {
      gap: 80px
   }

   .faq__items {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%
   }

   .faq__items.element-animation {
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition: 1s;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
      opacity: 0
   }

   .faq__items.element-animation.element-show {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1
   }
}

@media (max-width:900px) {
   .faq__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

@media (max-width:880px) {

   .header,
   .menu__icon::before {
      top: 0
   }

   .menu {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-right: 0;
      margin-left: 24px
   }

   .menu__icon {
      display: block;
      width: 30px;
      height: 20px;
      position: relative;
      z-index: 2
   }

   .menu__icon span,
   .menu__icon::after,
   .menu__icon::before {
      height: 2px;
      position: absolute;
      background-color: #000;
      border-radius: 3px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      left: 0;
      width: 100%;
      overflow: hidden;
      border: none;
      padding: 1px
   }

   .menu__icon::after,
   .menu__icon::before {
      content: ""
   }

   .menu__icon::after {
      bottom: 0
   }

   .menu__icon span {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
   }

   .menu__icon._active::before {
      top: 9px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #000436
   }

   .menu__icon._active::after {
      top: 9px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      background-color: #000436
   }

   .menu__icon._active span {
      display: none
   }

   .menu__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      position: fixed;
      width: 100%;
      top: 80px;
      left: 0;
      padding-top: 34px;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      overflow: auto;
      background-color: #f9f9f9;
      opacity: 0;
      pointer-events: none;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      z-index: 10;
      height: calc(100dvh - 80px);
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .menu__body._active {
      opacity: 1;
      pointer-events: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
   }

   .menu__list {
      margin-bottom: 64px
   }

   .menu__list li:not(:last-child) {
      margin-bottom: 10px
   }
}

@media (max-width:820px) {
   .header__button {
      margin-left: 0
   }

   .header__switch .slider {
      width: 91px
   }

   .header__switch {
      margin-bottom: 64px;
      width: 182px;
      -webkit-box-shadow: none;
      box-shadow: none
   }

   .header__switch label {
      font-size: 14px
   }

   .header__switch input#normal:checked~.slider {
      left: 2px
   }

   .header__switch input#expert:checked~.slider {
      left: 89px
   }

   .menu__link {
      display: block;
      font-size: 20px;
      padding: 20px 0;
      text-align: center
   }
}

@media (max-width:767px) {
   .container {
      padding: 80px 0
   }

   .hero {
      height: auto;
      padding-bottom: 60px
   }

   .hero__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 80px
   }

   .benefits__items,
   .footer__menu {
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal
   }

   .carousel-container {
      -webkit-transition: 1s 0;
      -o-transition: 1s 0;
      transition: 1s 0
   }

   .benefits__title,
   .how__title,
   .instructions__subtitle {
      margin-bottom: 64px
   }

   .benefits__items {
      flex-direction: column;
      gap: 48px
   }

   .benefits__item:first-child,
   .benefits__item:nth-child(2),
   .benefits__item:nth-child(3) {
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition: 1s
   }

   .benefits__name {
      font-size: 20px
   }

   .benefits__description,
   .instructions__description {
      font-size: 14px
   }

   .partners__body {
      width: calc(100% - 2rem);
      padding: 80px 0;
      padding-inline: auto
   }

   .partners__info {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr
   }

   .partners__info-item {
      white-space: auto;
      font-size: 14px
   }

   .partners__info-item span {
      font-size: 36px
   }

   .partners__info-item:first-child,
   .partners__info-item:nth-child(3) {
      -webkit-transition: 1s .2s;
      -o-transition: 1s .2s;
      transition: 1s .2s
   }

   .partners__info-item:nth-child(2),
   .partners__info-item:nth-child(4) {
      -webkit-transition: 1s .1s;
      -o-transition: 1s .1s;
      transition: 1s .1s
   }

   .how__cards {
      gap: 16px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr
   }

   .card {
      padding: 24px
   }

   .card.element-animation {
      -webkit-transition: 1s !important;
      -o-transition: 1s !important;
      transition: 1s !important;
      -webkit-transform: translateY(20px) !important;
      -ms-transform: translateY(20px) !important;
      transform: translateY(20px) !important;
      opacity: 0 !important
   }

   .card.element-animation.element-show {
      -webkit-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
      transform: translateY(0) !important;
      opacity: 1 !important
   }

   .card__number {
      margin-bottom: 100px
   }

   .card__name.element-animation {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: 1s .4s;
      -o-transition: 1s .4s;
      transition: 1s .4s
   }

   .card__name.element-animation.element-show {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
   }

   .card__text.element-animation {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: 1s .5s;
      -o-transition: 1s .5s;
      transition: 1s .5s
   }

   .card__text.element-animation.element-show {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
   }

   .faq__subtitle,
   .instructions__text {
      font-size: 16px
   }

   .faq__title {
      margin-bottom: 16px
   }

   .cta__body {
      padding: 178px 0
   }

   .cta__title {
      font-size: 36px;
      margin-bottom: 48px
   }

   .footer__menu {
      flex-direction: column;
      gap: 64px;
      margin-bottom: 120px
   }

   .footer__nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .footer__socials {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
   }

   .footer__social {
      width: 32px;
      height: 32px
   }

   .footer__social img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain
   }
}

@media (max-width:620px) {
   .menu__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }
}

@media (max-width:600px) {

   .blockchain__items,
   .blockchain__values {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr
   }

   .buy {
      padding-bottom: 80px
   }

   .buy__body {
      margin-top: 0;
      padding: 30px 16px
   }

   .buy__title {
      margin-bottom: 30px;
      font-size: 22px
   }

   .buy__form .submit-button {
      margin-top: 40px
   }

   .buy .step1 {
      padding-bottom: 38px
   }

   .buy .step2 {
      padding-top: 38px
   }

   .step__title {
      font-size: 16px
   }

   .step__user {
      font-size: 12px
   }

   .step__form-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0
   }

   .step__value {
      height: 46px
   }

   .step__value .dropdown {
      top: 10px !important;
      right: 12px
   }

   .step__value .big-dropdown {
      top: 0 !important;
      right: 0
   }

   .step__value .big-dropdown .dropdown__button {
      padding: 10px 16px
   }

   .step__value .big-dropdown .dropdown__button::after {
      top: 18px;
      right: 18px
   }

   .step__value input {
      font-size: 15px
   }

   .step__value .invalid {
      font-size: 10px;
      top: calc(100% + 2px)
   }

   .blockchain__items {
      display: -ms-grid;
      display: grid
   }

   .blockchain__items .bg-cover {
      display: none
   }

   .blockchain__item.active {
      background-color: #fff;
      -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .06);
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .06)
   }

   .blockchain__values {
      display: -ms-grid;
      display: grid;
      gap: 30px
   }

   .blockchain__value {
      padding: 0 !important;
      border: none !important
   }
}

@media (max-width:550px) {
   .button {
      padding: 14px 28px;
      min-width: 140px;
      font-size: 14px
   }

   .header__body {
      gap: 0;
      padding: 12px 0
   }

   .dropdown {
      height: 24px;
      top: 12px;
      right: 16px
   }

   .dropdown__button {
      height: 24px;
      padding: 4px 24px 4px 4px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 13px;
      line-height: .7
   }

   .dropdown__button img {
      width: 16px;
      height: 16px
   }

   .dropdown__button::after {
      top: 7px;
      right: 7px
   }

   .dropdown__list {
      min-width: 270px
   }

   .hero__buy-item {
      height: 48px
   }

   .carousel-track {
      -webkit-animation: 10s linear infinite scroll-left;
      animation: 10s linear infinite scroll-left
   }

   .partners__slide {
      max-width: 128px
   }

   .faq__body {
      gap: 64px
   }

   .faq__item {
      padding: 24px 0
   }

   .faq__item.opened .faq__answer,
   .footer__nav-link {
      font-size: 14px
   }

   .faq__question {
      font-size: 18px
   }

   .signup__body {
      padding: 30px 26px
   }

   .signup__success-title,
   .signup__title {
      font-size: 20px
   }

   .signup__close {
      top: 30px;
      right: 20px;
      width: 16px;
      height: 16px
   }

   .step__form-item .big-dropdown .dropdown__list {
      top: 50px
   }

   .step__value .dropdown__list {
      top: 30px;
      right: -12px
   }
}

@media (max-width:440px) {
   .step__form-item {
      margin-bottom: 22px
   }

   .blockchain__values {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr
   }

   .step__value .card-input-icon {
      top: 13px;
      right: 15px
   }
}

@media (hover:hover) {
   .button:hover {
      background-color: #3055fe
   }

   .header__logo a:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05)
   }

   .dropdown__button:hover {
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid rgba(0, 0, 0, .12)
   }

   .dropdown__list-item:hover {
      background: #f8f8f8
   }

   .carousel-item:hover,
   .footer__social:hover {
      opacity: 1
   }

   .faq__subtitle a:hover {
      color: #3055fe
   }

   .signup__form-item input:hover {
      border-color: #3055fe
   }

   .resend-email:hover {
      color: #fff
   }

   .step__form-item .big-dropdown .dropdown__button:not(.dropdown__button--active):hover,
   .step__value input:hover {
      border-color: rgba(0, 0, 0, .12)
   }
}

.webp .hero {
   background: url(../img/hero/Illustration.webp) 100% 100%/contain no-repeat
}

.webp .cta {
   background: url(../img/hero/CTA.webp) center/cover no-repeat
}