a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
[hidden] {
  display: none;
}
body {
  line-height: 1;
}
menu,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  font-size: calc(10000vw / 1600);
}
@media all and (max-width: 1024px) {
  html {
    font-size: calc(10000vw / 768);
  }
}
@media all and (max-width: 480px) {
  html {
    font-size: calc(10000vw / 414);
  }
}
@font-face {
  font-family: chillax;
  src: url(../fonts/Chillax/Chillax.woff2) format("woff2"),
    url(../fonts/Chillax/Chillax.woff) format("woff");
}
@font-face {
  font-family: ranade;
  src: url(../fonts/Ranade/Ranade-Light.woff2) format("woff2"),
    url(../fonts/Ranade/Ranade-Light.woff) format("woff");
}
@font-face {
  font-family: chillax-medium;
  src: url(../fonts/Chillax/Chillax-Medium.woff2) format("woff2"),
    url(../fonts/Chillax/Chillax-Medium.woff) format("woff");
}
:root {
  --main-font: "ranade", sans-serif;
  --sub-font: "chillax", sans-serif;
  --accent-font: "chillax-medium", sans-serif;
  --font-size-h1: 0.7rem;
  --font-size-h2: 0.7rem;
  --font-size-desc1: 0.18rem;
  --font-size-label1: 0.15rem;
  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --line-height-0: 0;
  --line-height-initial: initial;
  --line-height-h1: 0.75rem;
  --line-height-h2: 0.91rem;
  --line-height-desc1: 0.32rem;
  --line-height-label-1: 0.19rem;
  --letter-spacing: normal;
  --letter-spacing-0: 0;
  --opacity-08: 0.8;
  --opacity-1: 1;
}
@media all and (max-width: 1024px) {
  :root {
    --font-size-h1: 0.4rem;
    --font-size-h2: 0.7rem;
    --font-size-label1: 0.16rem;
    --font-size-desc1: 0.18rem;
    --line-height-h1: 0.45rem;
    --line-height-h2: 0.75rem;
    --line-height-label-1: 0.24rem;
    --line-height-desc1: 0.29rem;
  }
}
:root {
  --color-white: #ffffff;
}
:root {
  --container-width: 12.82rem;
}
@media all and (max-width: 1024px) {
  :root {
    --container-width: 7.04rem;
  }
}
@media all and (max-width: 480px) {
  :root {
    --container-width: 3.54rem;
  }
}
:root {
  --main-font: "ranade", sans-serif;
  --sub-font: "chillax", sans-serif;
  --accent-font: "chillax-medium", sans-serif;
  --font-size-h1: 0.7rem;
  --font-size-h2: 0.7rem;
  --font-size-desc1: 0.18rem;
  --font-size-label1: 0.15rem;
  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --line-height-0: 0;
  --line-height-initial: initial;
  --line-height-h1: 0.75rem;
  --line-height-h2: 0.91rem;
  --line-height-desc1: 0.32rem;
  --line-height-label-1: 0.19rem;
  --letter-spacing: normal;
  --letter-spacing-0: 0;
  --opacity-08: 0.8;
  --opacity-1: 1;
}
@media all and (max-width: 1024px) {
  :root {
    --font-size-h1: 0.4rem;
    --font-size-h2: 0.7rem;
    --font-size-label1: 0.16rem;
    --font-size-desc1: 0.18rem;
    --line-height-h1: 0.45rem;
    --line-height-h2: 0.75rem;
    --line-height-label-1: 0.24rem;
    --line-height-desc1: 0.29rem;
  }
}
:root {
  --color-white: #ffffff;
}
:root {
  --container-width: 12.82rem;
}
@media all and (max-width: 1024px) {
  :root {
    --container-width: 7.04rem;
  }
}
@media all and (max-width: 480px) {
  :root {
    --container-width: 3.54rem;
  }
}
a.center-text,
article.center-text,
blockquote.center-text,
body.center-text,
button.center-text,
div.center-text,
footer.center-text,
form.center-text,
h1.center-text,
h2.center-text,
h3.center-text,
h4.center-text,
h5.center-text,
h6.center-text,
header.center-text,
html.center-text,
input.center-text,
label.center-text,
li.center-text,
nav.center-text,
p.center-text,
section.center-text,
small.center-text,
span.center-text,
strong.center-text,
textarea.center-text,
ul.center-text {
  text-align: center;
}
a.left-text,
article.left-text,
blockquote.left-text,
body.left-text,
button.left-text,
div.left-text,
footer.left-text,
form.left-text,
h1.left-text,
h2.left-text,
h3.left-text,
h4.left-text,
h5.left-text,
h6.left-text,
header.left-text,
html.left-text,
input.left-text,
label.left-text,
li.left-text,
nav.left-text,
p.left-text,
section.left-text,
small.left-text,
span.left-text,
strong.left-text,
textarea.left-text,
ul.left-text {
  text-align: left;
}
a.right-text,
article.right-text,
blockquote.right-text,
body.right-text,
button.right-text,
div.right-text,
footer.right-text,
form.right-text,
h1.right-text,
h2.right-text,
h3.right-text,
h4.right-text,
h5.right-text,
h6.right-text,
header.right-text,
html.right-text,
input.right-text,
label.right-text,
li.right-text,
nav.right-text,
p.right-text,
section.right-text,
small.right-text,
span.right-text,
strong.right-text,
textarea.right-text,
ul.right-text {
  text-align: right;
}
a.cap-text,
article.cap-text,
blockquote.cap-text,
body.cap-text,
button.cap-text,
div.cap-text,
footer.cap-text,
form.cap-text,
h1.cap-text,
h2.cap-text,
h3.cap-text,
h4.cap-text,
h5.cap-text,
h6.cap-text,
header.cap-text,
html.cap-text,
input.cap-text,
label.cap-text,
li.cap-text,
nav.cap-text,
p.cap-text,
section.cap-text,
small.cap-text,
span.cap-text,
strong.cap-text,
textarea.cap-text,
ul.cap-text {
  text-transform: capitalize;
}
a.up-text,
article.up-text,
blockquote.up-text,
body.up-text,
button.up-text,
div.up-text,
footer.up-text,
form.up-text,
h1.up-text,
h2.up-text,
h3.up-text,
h4.up-text,
h5.up-text,
h6.up-text,
header.up-text,
html.up-text,
input.up-text,
label.up-text,
li.up-text,
nav.up-text,
p.up-text,
section.up-text,
small.up-text,
span.up-text,
strong.up-text,
textarea.up-text,
ul.up-text {
  text-transform: uppercase;
}
a.low-text,
article.low-text,
blockquote.low-text,
body.low-text,
button.low-text,
div.low-text,
footer.low-text,
form.low-text,
h1.low-text,
h2.low-text,
h3.low-text,
h4.low-text,
h5.low-text,
h6.low-text,
header.low-text,
html.low-text,
input.low-text,
label.low-text,
li.low-text,
nav.low-text,
p.low-text,
section.low-text,
small.low-text,
span.low-text,
strong.low-text,
textarea.low-text,
ul.low-text {
  text-transform: lowercase;
}
a.title-h1,
article.title-h1,
blockquote.title-h1,
body.title-h1,
button.title-h1,
div.title-h1,
footer.title-h1,
form.title-h1,
h1.title-h1,
h2.title-h1,
h3.title-h1,
h4.title-h1,
h5.title-h1,
h6.title-h1,
header.title-h1,
html.title-h1,
input.title-h1,
label.title-h1,
li.title-h1,
nav.title-h1,
p.title-h1,
section.title-h1,
small.title-h1,
span.title-h1,
strong.title-h1,
textarea.title-h1,
ul.title-h1 {
  color: var(--color-white);
  font-family: var(--sub-font);
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-5);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height-h1);
}
a.title-h2,
article.title-h2,
blockquote.title-h2,
body.title-h2,
button.title-h2,
div.title-h2,
footer.title-h2,
form.title-h2,
h1.title-h2,
h2.title-h2,
h3.title-h2,
h4.title-h2,
h5.title-h2,
h6.title-h2,
header.title-h2,
html.title-h2,
input.title-h2,
label.title-h2,
li.title-h2,
nav.title-h2,
p.title-h2,
section.title-h2,
small.title-h2,
span.title-h2,
strong.title-h2,
textarea.title-h2,
ul.title-h2 {
  color: var(--color-white);
  font-family: var(--sub-font);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-5);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height-h2);
}
a.label-1,
article.label-1,
blockquote.label-1,
body.label-1,
button.label-1,
div.label-1,
footer.label-1,
form.label-1,
h1.label-1,
h2.label-1,
h3.label-1,
h4.label-1,
h5.label-1,
h6.label-1,
header.label-1,
html.label-1,
input.label-1,
label.label-1,
li.label-1,
nav.label-1,
p.label-1,
section.label-1,
small.label-1,
span.label-1,
strong.label-1,
textarea.label-1,
ul.label-1 {
  color: var(--color-white);
  font-family: var(--sub-font);
  font-size: var(--font-size-label1);
  font-weight: var(--font-weight-5);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height-label-1);
}
a.desc-1,
article.desc-1,
blockquote.desc-1,
body.desc-1,
button.desc-1,
div.desc-1,
footer.desc-1,
form.desc-1,
h1.desc-1,
h2.desc-1,
h3.desc-1,
h4.desc-1,
h5.desc-1,
h6.desc-1,
header.desc-1,
html.desc-1,
input.desc-1,
label.desc-1,
li.desc-1,
nav.desc-1,
p.desc-1,
section.desc-1,
small.desc-1,
span.desc-1,
strong.desc-1,
textarea.desc-1,
ul.desc-1 {
  color: var(--color-white);
  font-family: var(--main-font);
  font-size: var(--font-size-desc1);
  font-weight: var(--font-weight-4);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height-desc1);
}
.alpha {
  padding-top: 1rem;
}
.alpha h2 {
  text-transform: uppercase;
  margin-bottom: 0.33rem;
}
.alpha h2 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 3.5rem;
}
.alpha h2 span:nth-child(2) {
  font-weight: 400;
  margin-left: 1rem;
  font-weight: 600;
}
.alpha .text_left {
  width: 4.8rem;
  margin: 0 0 1.4rem 8.02rem;
}
.alpha .text_left .blue {
  color: #19d2ff;
}
.alpha-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 3.7rem;
  right: 0.06rem;
  width: 5.59rem;
}
.alpha-metamask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.alpha-metamask-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-image: url(../images/bg_card_alpha.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 5.89rem;
  height: fit-content;
  margin-right: 0.32rem;
  padding: 0.46rem;
}
.alpha-metamask-left-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 0.28rem;
}
.alpha-metamask-left-list p {
  margin-left: 0.2rem;
}
.alpha-metamask-left-list img {
  width: 0.32rem;
}
.alpha-metamask-right {
  position: relative;
  z-index: 1;
}
.alpha-metamask-right img {
  width: 6.61rem;
  border-radius: 0.08rem;
}
.alpha-metamask-right-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.27rem;
  height: 1.27rem;
  border-radius: 1rem;
  opacity: 0.9;
  top: 0.6rem;
  z-index: 3;
  right: 2.5rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 251, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.alpha-metamask-right-play:hover {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.alpha-metamask-right-play::after {
  content: url(../images/triangle.svg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  top: -0.05rem;
  left: 0.5rem;
}
.alpha-metamask-right-soon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.34rem;
  height: 0.41rem;
  border-radius: 0.37rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -0.2rem;
  z-index: 3;
  right: 0.3rem;
  background: -o-linear-gradient(
      131.14deg,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #19d2ff 0, #333336 95.83%);
  background: linear-gradient(
      318.86deg,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 53.86%
    ),
    radial-gradient(83.68% 83.68% at 0 0, #19d2ff 0, #333336 95.83%);
}
.alpha-metamask-right-soon p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.1rem;
}
@media only screen and (max-width: 1024px) {
  .alpha {
    padding-top: 5.5rem;
  }
  .alpha h2 {
    margin-bottom: 0;
  }
  .alpha h2 span {
    position: relative;
    margin-left: 2.93rem;
    top: -0.76rem;
    left: -0.93rem;
  }
  .alpha h2 span:nth-child(2) {
    margin-left: 0;
    left: 0;
  }
  .alpha .text_left {
    width: 3.04rem;
    margin: 0 0 1.4rem 4rem;
  }
  .alpha-star {
    width: 3.61rem;
    top: -1.5rem;
    right: -3.4rem;
    position: relative;
  }
  .alpha-metamask-left {
    width: 3.54rem;
    height: fit-content;
    padding: 0.3rem 0 0 0.2rem;
    background-size: cover;
    margin-right: 0.16rem;
  }
  .alpha-metamask-left-list {
    margin-bottom: 0.23rem;
  }
  .alpha-metamask-left-list p {
    font-size: 0.16rem;
    line-height: 0.25rem;
  }
  .alpha-metamask-right {
    width: 3.54rem;
    height: 1.92rem;
  }
  .alpha-metamask-right img {
    width: 3.54rem;
    height: 1.92rem;
  }
  .alpha-metamask-right-play {
    width: 0.9rem;
    height: 0.9rem;
    right: 1.25rem;
  }
  .alpha-metamask-right-play::after {
    top: -0.27rem;
    left: 0.35rem;
  }
  .alpha-metamask-right-soon {
    right: 0.1rem;
  }
  .alpha .alpha_roadmap_bg {
    top: 14rem;
    left: 2rem;
    -webkit-transform: rotate(155deg);
    -ms-transform: rotate(155deg);
    transform: rotate(155deg);
  }
}
@media only screen and (max-width: 480px) {
  .alpha h2 {
    font-size: 0.33rem;
    line-height: 0.45rem;
  }
  .alpha h2 span {
    margin-left: 0;
    top: -0.45rem;
    left: 0.91rem;
  }
  .alpha .text_left {
    margin: 0 0 0 0.62rem;
  }
  .alpha-star {
    top: -0.2rem;
    right: 0;
  }
  .alpha-metamask {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .alpha-metamask-left {
    margin-right: 0;
    margin-bottom: 0.16rem;
  }
  .alpha-metamask-right-play {
    top: 0.45rem;
  }
  .alpha-metamask-right-soon {
    top: 1.7rem;
  }
  .alpha .alpha_roadmap_bg {
    top: 13rem;
    left: 0;
  }
}
.page-background {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
.page-background svg {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.page-background::after {
  content: "";
  -webkit-animation: grain 8s steps(10) infinite;
  animation: grain 8s steps(10) infinite;
  background: url(../images/Rectangle.png);
  height: 300%;
  left: -50%;
  opacity: 0.3;
  position: fixed;
  top: -100%;
  width: 300%;
}
.mission_bg_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: -2rem;
  top: 5rem;
  width: 4rem;
}
.mission_bg_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 1rem;
  top: -2.2rem;
  width: 8rem;
}
.exchanges_bg_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 5rem;
}
.exchanges_bg_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  width: 5rem;
}
.protocol_bg_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: -4rem;
  width: 3rem;
}
.features_bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: -1rem;
  width: 6rem;
}
.alpha_roadmap_bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 4rem;
  left: 0;
  width: 100%;
}
.strategy_bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 7rem;
  width: 7.5rem;
  left: 1rem;
}
@media only screen and (max-width: 1024px) {
  .mission_bg_right {
    top: 8.3rem;
    z-index: 2;
    display: none;
  }
  .mission_bg_text {
    right: -1rem;
    top: 0.4rem;
  }
  .protocol_bg_right {
    width: 5rem;
  }
}
@media only screen and (max-width: 480px) {
  .mission_bg_text {
    top: 4.8rem;
  }
  .protocol_bg_right {
    bottom: -7rem;
  }
  .mission_bg_right {
    top: 9.3rem;
  }
}
@-webkit-keyframes grain {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }
  20% {
    -webkit-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }
  30% {
    -webkit-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }
  40% {
    -webkit-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }
  60% {
    -webkit-transform: translate(15%, 0);
    transform: translate(15%, 0);
  }
  70% {
    -webkit-transform: translate(0, 15%);
    transform: translate(0, 15%);
  }
  80% {
    -webkit-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }
  90% {
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}
@keyframes grain {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }
  20% {
    -webkit-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }
  30% {
    -webkit-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }
  40% {
    -webkit-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }
  60% {
    -webkit-transform: translate(15%, 0);
    transform: translate(15%, 0);
  }
  70% {
    -webkit-transform: translate(0, 15%);
    transform: translate(0, 15%);
  }
  80% {
    -webkit-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }
  90% {
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}
.built {
  padding-top: 2rem;
  margin-bottom: 1.6rem;
}
.built h2 {
  text-transform: uppercase;
  margin-bottom: 0.33rem;
  font-weight: 600;
}
.built-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.built-content-left p {
  width: 4.8rem;
  margin-left: 1rem;
}
.built-content-left p span {
  color: #ff9a36;
}
.built-content-left p:nth-child(2) {
  margin: 0.32rem 0 0 1.4rem;
}
.built-content-left p:nth-child(2) span {
  color: #19d2ff;
}
.built-content-left-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1.55rem;
  left: -0.42rem;
  width: 6.84rem;
}
.built-content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0.2rem 0 0 0.89rem;
}
.built-content-right-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.84rem;
  height: 1.95rem;
  background-image: url(../images/card_left_up.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.15rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.built-content-right-card::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.84rem;
  height: 1.95rem;
  background-image: url(../images/card_first.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.built-content-right-card img {
  width: 1.77rem;
  z-index: 3;
}
@media only screen and (max-width: 1024px) {
  .built {
    margin-bottom: 0;
  }
  .built-content-left p {
    width: 3.54rem;
    margin-left: 0;
  }
  .built-content-left p:nth-child(2) {
    width: 2.9rem;
    margin: 0.32rem 0 0 0.64rem;
  }
  .built-content-left-star {
    width: 3.54rem;
    top: 2.55rem;
    left: 0;
  }
  .built-content-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    margin-left: 0.3rem;
    position: relative;
    top: -0.15rem;
  }
  .built-content-right-card {
    width: 3.2rem;
    height: 1.45rem;
    background-size: cover;
    margin-right: 0;
    margin-bottom: 0.16rem;
  }
  .built-content-right-card::after {
    width: 3.2rem;
    height: 1.45rem;
    background-size: cover;
  }
}
@media only screen and (max-width: 480px) {
  .built {
    padding-top: 1rem;
  }
  .built-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .built-content-right {
    top: 0.7rem;
    margin-left: 0;
  }
  .built-content-right-card {
    width: 3.54rem;
    height: 1.8rem;
  }
  .built-content-right-card::after {
    width: 3.54rem;
    height: 1.8rem;
  }
}
.dex {
  margin-bottom: 2rem;
  margin-top: 1.5rem;
}
.dex h2 {
  font-weight: 600;
  z-index: 10;
}
.dex .mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.dex .mission-right {
  height: auto;
  position: relative;
  left: 1.4rem;
}
.dex .mission-right-content p {
  width: 4.8rem;
  margin: 0.32rem 0 0 1rem;
}
.dex .mission-right-content p .gold {
  color: #ff9a36;
}
.dex .mission-right-content p .blue {
  color: #19d2ff;
}
.dex .mission-right-content p:nth-child(2) {
  margin: 0.32rem 0 0 0;
}
.dex .mission-right-content:nth-child(2) {
  margin-top: 1.5rem;
}
.dex .mission-right-content:nth-child(2) p {
  width: 5.63rem;
}
.dex .mission-right-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 3.5rem;
  left: 0;
  width: 2.75rem;
}
.dex .mission-right-star_story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1rem;
  position: absolute;
  top: 8.5rem;
  right: 6rem;
}
.dex .mission-right-star_story_next {
  display: none;
}
.dex .mission-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8rem;
}
.dex .mission_shadow {
  display: none;
  position: absolute;
  top: -11rem;
  left: -1.6rem;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .dex {
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .dex .mission {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 15rem;
  }
  .dex .mission-right {
    margin-top: 3rem;
    z-index: 1;
    position: absolute;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .dex .mission-right-content p {
    width: 3.54rem;
    margin: 0.32rem 0 0 3.7rem;
  }
  .dex .mission-right-content:nth-child(2) {
    margin-top: 1rem;
  }
  .dex .mission-right-content:nth-child(2) p {
    width: 3.54rem;
  }
  .dex .mission-right-star_story {
    top: 8.5rem;
    right: 4rem;
  }
  .dex .mission-right-star_story_next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    position: absolute;
    top: 6rem;
    left: 2rem;
    width: 5.08rem;
  }
  .dex .mission_shadow {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .dex .mission-right {
    right: 0;
    left: 0;
  }
  .dex .mission-right-content h2 span {
    margin-left: 0.6rem;
  }
  .dex .mission-right-content p {
    width: 2.89rem;
    margin: 0.32rem 0 0 0.62rem;
  }
  .dex .mission-right-content p:nth-child(2) {
    left: 0.6rem;
    top: 2.5rem;
    width: 3.54rem;
  }
  .dex .mission-right-content:nth-child(2) p {
    width: 2.9rem;
    margin: 0.32rem 0 0 0.8rem;
  }
  .dex .mission-right-content:nth-child(2) p:nth-child(2) {
    margin: 0;
    width: 3.54rem;
  }
  .dex .mission-right-star_story {
    top: 11.5rem;
    right: 2.85rem;
    width: 0.7rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dex .mission-right-star_story_next {
    display: none;
  }
  .dex .mission-right-star {
    width: 1.65rem;
    top: 5.2rem;
    position: absolute;
  }
}
.exchanges h2 {
  text-transform: uppercase;
}
.exchanges h2 span {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 2.6rem;
}
.exchanges h2 span:nth-child(2) {
  position: absolute;
  top: 0.91rem;
  left: 5rem;
}
.exchanges .right_text {
  width: 4.8rem;
  margin: 0.33rem 0 1.3rem 7.4rem;
}
.exchanges .star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1.11rem;
  left: 1.4rem;
  width: 4.29rem;
}
.exchanges h3 {
  text-transform: uppercase;
  font-size: 0.28rem;
  line-height: 0.37rem;
  text-align: center;
  margin-bottom: 0.85rem;
}
.exchanges h3 span {
  font-weight: 600;
  color: #19d2ff;
}
.exchanges h3 span:nth-child(2) {
  color: #ff39f0;
}
.exchanges-compatibility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.exchanges-compatibility-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.28rem;
  height: 2.82rem;
  position: relative;
  background-image: url(../images/card_left_up.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 1.21rem;
  margin-bottom: 1.21rem;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 1;
}
.exchanges-compatibility-card::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 4.28rem;
  height: 2.82rem;
  background-image: url(../images/card_first.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.exchanges-compatibility-card h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #fff4cc;
  font-family: var(--accent-font);
  margin-top: 0.4rem;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  z-index: 3;
}
.exchanges-compatibility-card p {
  width: 3.3rem;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.25rem;
  margin-top: 0.14rem;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}
.exchanges-compatibility-card img {
  width: 1.5rem;
  position: absolute;
  top: 1.1rem;
  z-index: 3;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.exchanges-compatibility-card:nth-child(2) {
  background-image: url(../images/card_right_up.png);
  margin-right: 0;
}
.exchanges-compatibility-card:nth-child(2) p {
  width: 3.5rem;
}
.exchanges-compatibility-card:nth-child(2) img {
  width: 1.42rem;
  top: 0.85rem;
}
.exchanges-compatibility-card:nth-child(3) {
  background-image: url(../images/card_left_down.png);
}
.exchanges-compatibility-card:nth-child(3) p {
  width: 3.7rem;
}
.exchanges-compatibility-card:nth-child(3) img {
  width: 1.65rem;
  top: 0.85rem;
}
.exchanges-compatibility-card:nth-child(4) {
  margin-right: 0;
}
.exchanges-compatibility-card:nth-child(4) img {
  top: 0.85rem;
}
.exchanges-compatibility-card:hover h4 {
  opacity: 1;
}
.exchanges-compatibility-card:hover p {
  opacity: 1;
}
.exchanges-compatibility-card:hover::after {
  opacity: 0;
}
.exchanges-compatibility-card:hover img {
  -webkit-transform: scale(0.5) translate3d(0, 1.5rem, 0);
  transform: scale(0.5) translate3d(0, 1.5rem, 0);
}
@media only screen and (max-width: 1024px) {
  .exchanges {
    padding-top: 2rem;
  }
  .exchanges h2 span {
    margin-left: 2.1rem;
  }
  .exchanges h2 span:nth-child(2) {
    position: absolute;
    top: 1.5rem;
    left: -2.1rem;
  }
  .exchanges .right_text {
    margin: 1.93rem 0 0.45rem 0.65rem;
    width: 3.22rem;
  }
  .exchanges .star {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    top: 1.72rem;
    left: 3rem;
  }
  .exchanges h3 {
    font-size: 0.18rem;
    line-height: 0.29rem;
  }
  .exchanges-compatibility {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .exchanges-compatibility-card {
    width: 3.3rem;
    height: 2.33rem;
    margin-right: 0.4rem;
    margin-bottom: 0.16rem;
    background-size: contain;
  }
  .exchanges-compatibility-card h4 {
    opacity: 1;
    font-size: 0.18rem;
    line-height: 0.25rem;
    margin-top: 0.2rem;
  }
  .exchanges-compatibility-card p {
    font-size: 0.14rem;
    line-height: 0.22rem;
    width: 3.15rem;
    opacity: 1;
  }
  .exchanges-compatibility-card img {
    -webkit-transform: scale(0.5) translate3d(0, 1.5rem, 0);
    transform: scale(0.5) translate3d(0, 1.5rem, 0);
    top: 0.7rem;
    width: 1rem;
  }
  .exchanges-compatibility-card:nth-child(2) p {
    width: 3.15rem;
  }
  .exchanges-compatibility-card:nth-child(2) img {
    width: 1rem;
    top: 0.5rem;
  }
  .exchanges-compatibility-card:nth-child(3) p {
    width: 3.15rem;
  }
  .exchanges-compatibility-card:nth-child(3) img {
    width: 1rem;
    top: 0.68rem;
  }
  .exchanges-compatibility-card:nth-child(4) p {
    width: 3.15rem;
  }
  .exchanges-compatibility-card:nth-child(4) img {
    top: 0.5rem;
  }
  .exchanges-compatibility-card::after {
    width: 3.4rem;
    height: 2.33rem;
    opacity: 0;
  }
}
@media only screen and (max-width: 480px) {
  .exchanges h2 {
    font-size: 0.42rem;
    line-height: 0.55rem;
  }
  .exchanges h2 span {
    margin-left: 0.8rem;
  }
  .exchanges h2 span:nth-child(2) {
    position: absolute;
    top: 1.1rem;
    left: -0.76rem;
  }
  .exchanges .right_text {
    margin: 0.93rem 0 0.45rem 0.2rem;
  }
  .exchanges .star {
    top: 2.6rem;
    left: 0.2rem;
  }
  .exchanges-compatibility {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .exchanges-compatibility-card {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.features {
  /* padding-top: 3.9rem; */
}
.features h2 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.33rem;
}
.features h3 {
  font-size: 0.2rem;
  line-height: 0.28rem;
  color: #fff4cc;
  font-weight: 600;
  margin-bottom: 0.15rem;
}
.features .documentation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.29rem 0.64rem 0 0;
  z-index: 3;
  position: absolute;
  top: 4rem;
}
.features .documentation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.92rem;
  height: 0.58rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 60, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 90% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 263, 0) 120%
    ),
    radial-gradient(
      67.56% 90% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 120%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features .documentation a span {
  font-weight: 600;
  z-index: 2;
}
.features .documentation a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 0.58rem;
  width: 1.92rem;
  /* border: 1px solid rgba(255, 255, 255, 0.4); */
  border-radius: 0.08rem;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 60, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 90% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 263, 0) 120%
    ),
    radial-gradient(
      67.56% 90% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 120%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features .documentation a:hover::after {
  opacity: 1;
}
.features-asset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.features-asset-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 5.6rem;
  overflow-x: hidden;
}
.features-asset-left-swipetext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateX(4rem);
  -ms-transform: translateX(4rem);
  transform: translateX(4rem);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.features-asset-left-swipetext p {
  width: 5.5rem;
  margin-bottom: 0.33rem;
}
.features-asset-left-swipetext.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.features-asset-left a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.92rem;
  height: 1.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.02rem;
  margin: 0.29rem 0.22rem 0 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  overflow: hidden;
  z-index: 1;
}
.features-asset-left a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-weight: 600;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-asset-left a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.92rem;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 0.02rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.features-asset-left a::before {
  content: url(../images/ilustr_join.svg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.92rem;
  height: 1.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0.1rem;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
}
.features-asset-left a:hover::after {
  -webkit-transform: translateY(0.75rem);
  -ms-transform: translateY(0.75rem);
  transform: translateY(0.75rem);
}
.features-asset-left a:hover span {
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
}
.features-asset-left a:hover::before {
  opacity: 1;
}
.features-asset-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.features-asset-center-but {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.77rem;
  margin-left: 1rem;
}
.features-asset-center-but a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.8rem;
  width: 0.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #6fe38f 0, rgba(133, 66, 244, 0.2)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #6fe38f 0,
      rgba(133, 66, 244, 0.2) 95.83%
    );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-asset-center-but a img {
  z-index: 2;
  width: 0.3rem;
  margin-right: 0.07rem;
}
.features-asset-center-but a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 0.8rem;
  width: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #ff39f0 0, #8542f4 95.83%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(83.68% 83.68% at 0 0, #ff39f0 0, #8542f4 95.83%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-asset-center-but a:hover::after {
  opacity: 1;
}
.features-asset-center-but:nth-child(3) a img {
  margin-right: 0;
  margin-left: 0.03rem;
}
.features-asset-center-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.3rem;
}
.features-asset-center-number p {
  font-size: 0.18rem;
  line-height: 0.45rem;
  margin-bottom: 0.89rem;
}
.features-asset-center-number span {
  font-size: 0.35rem;
  line-height: 0.45rem;
}
.features-asset-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  right: -1rem;
  width: 5.54rem;
  height: 3.09rem;
}
.features-asset-right img {
  position: absolute;
  width: 2.9rem;
}
.features-asset-right img[data-pos="1"] {
  width: 2.9rem;
  z-index: 5;
  opacity: 1;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.features-asset-right img[data-pos="2"] {
  width: 2.3rem;
  z-index: 4;
  opacity: 0.9;
  -webkit-transform: translateX(1.2rem);
  -ms-transform: translateX(1.2rem);
  transform: translateX(1.2rem);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-asset-right img[data-pos="3"] {
  width: 2rem;
  z-index: 3;
  opacity: 0.8;
  -webkit-transform: translateX(2rem);
  -ms-transform: translateX(2rem);
  transform: translateX(2rem);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-asset-right img[data-pos="4"] {
  width: 1.5rem;
  z-index: 2;
  opacity: 0.7;
  -webkit-transform: translateX(3rem);
  -ms-transform: translateX(3rem);
  transform: translateX(3rem);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-asset-right img[data-pos="5"] {
  width: 1rem;
  z-index: 1;
  opacity: 0.6;
  -webkit-transform: translateX(3.9rem);
  -ms-transform: translateX(3.9rem);
  transform: translateX(3.9rem);
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .features {
    padding-top: 5rem;
  }
  .features-asset {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .features-asset-center-but {
    margin-bottom: 0.16rem;
    margin-left: 0;
  }
  .features-asset-center-but a {
    width: 0.42rem;
    height: 0.42rem;
  }
  .features-asset-center-but a img {
    width: 0.15rem;
  }
  .features-asset-center-but a::after {
    width: 0.42rem;
    height: 0.42rem;
  }
  .features-asset-center-number {
    position: absolute;
    top: 2rem;
    margin-left: 0;
  }
  .features-asset-right {
    top: 0.6rem;
    right: -2.5rem;
  }
  .features-asset-left {
    margin-top: 0.5rem;
    margin-left: 0.64rem;
  }
  .features-asset-left p {
    width: 3.54rem;
  }
  .features-asset-left p:nth-child(3) {
    margin-left: 2.81rem;
    margin-bottom: 0.45rem;
  }
  .features-asset-left a {
    width: 3.54rem;
    height: 1.3rem;
    margin: 0 0 0 1.2rem;
  }
  .features-asset-left a::after {
    width: 3.54rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .features-asset-left a::before {
    opacity: 0;
  }
  .features-asset-left a:hover::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .features-asset-left a:hover span {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .features-asset-left a:hover::before {
    opacity: 0;
  }
  .features .documentation {
    left: 1.9rem;
  }
  .features .documentation a {
    position: absolute;
    top: 5.1rem;
    width: 3.3rem;
    height: 0.72rem;
  }
  .features .documentation a::after {
    width: 3.3rem;
    height: 0.72rem;
  }
}
@media only screen and (max-width: 480px) {
  .features {
    padding-top: 5.5rem;
  }
  .features-asset-right {
    right: -0.7rem;
  }
  .features-asset-right img {
    width: 2.4rem;
  }
  .features-asset-right img[data-pos="1"] {
    width: 2.4rem;
  }
  .features-asset-right img[data-pos="2"] {
    width: 1.8rem;
  }
  .features-asset-right img[data-pos="3"] {
    width: 1.5rem;
  }
  .features-asset-right img[data-pos="4"] {
    width: 1rem;
  }
  .features-asset-right img[data-pos="5"] {
    width: 0.5rem;
  }
  .features-asset-center {
    top: 3.7rem;
    position: absolute;
  }
  .features-asset-center-number {
    top: -2.7rem;
  }
  .features-asset-left {
    margin-top: 1.5rem;
    margin-left: 0;
  }
  .features-asset-left p:nth-child(3) {
    margin-left: 0;
  }
  .features-asset-left a {
    margin: 0;
  }
  .features .documentation {
    left: 0;
  }
  .features .documentation a {
    width: 3.54rem;
  }
  .features .documentation a::after {
    width: 3.54rem;
  }
}
.follow {
  margin-bottom: 1.33rem;
  margin-top: 2rem;
}
.follow-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.follow-content-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 3.5rem;
}
.follow-content-left-logo {
  width: 1.94rem;
  margin-bottom: 0.7rem;
}
.follow-content-left-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.follow-content-left-link-demo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 0.85rem;
}
.follow-content-left-link-demo p {
  font-size: 0.18rem;
  line-height: 0.25rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.follow-content-left-link-demo a {
  font-weight: 600;
  margin-bottom: 0.16rem;
  position: relative;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.follow-content-left-link-demo a:hover {
  opacity: 1;
}
.follow-content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.follow-content-right .subscribe_star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 5.07rem;
  right: -0.5rem;
}
.follow-content-right h4 {
  margin-top: 1.15rem;
  color: #fff4cc;
  font-size: 0.28rem;
  line-height: 0.37rem;
  font-weight: 600;
  margin-bottom: 0.12rem;
}
.follow-content-right p {
  width: 4.8rem;
  margin-bottom: 0.25rem;
}
.follow-content-right-join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.follow-content-right-join a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.92rem;
  height: 1.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.08rem;
  margin: 0.29rem 0.22rem 0 0;
  /* border: 1px solid rgba(255, 255, 255, 0.4); */
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  overflow: hidden;
  z-index: 1;
}
.follow-content-right-join a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-weight: 600;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.follow-content-right-join a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.92rem;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 0.02rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 251, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.follow-content-right-join a::before {
  content: url(../images/ilustr_join.svg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.92rem;
  height: 1.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0.1rem;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
}
.follow-content-right-join a:hover::after {
  -webkit-transform: translateY(0.75rem);
  -ms-transform: translateY(0.75rem);
  transform: translateY(0.75rem);
}
.follow-content-right-join a:hover span {
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
}
.follow-content-right-join a:hover::before {
  opacity: 1;
}
.follow-content-right-join a:nth-child(2)::after {
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.follow-content-right-join a:nth-child(2)::before {
  content: url(../images/join_telegram.svg);
}
@media only screen and (max-width: 1024px) {
  .follow {
    top: 0;
    margin-top: 3rem;
  }
  .follow-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .follow-content-right {
    position: absolute;
    top: -14.5rem;
    left: 0;
  }
  .follow-content-right h4 {
    font-size: 0.2rem;
    line-height: 0.28rem;
    margin-top: 4.4rem;
  }
  .follow-content-right p {
    width: 3.54rem;
  }
  .follow-content-right .subscribe_star {
    display: none;
  }
  .follow-content-right-join {
    display: none;
  }
  .follow-content-left {
    position: relative;
    top: 1rem;
    left: 0;
    margin-right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .follow-content-left-link {
    margin-left: 0.95rem;
  }
  .follow-content-left-link-demo {
    margin-right: 0.48rem;
  }
}
@media only screen and (max-width: 480px) {
  .follow {
    margin-bottom: 1.9rem;
    margin-top: 1rem;
  }
  .follow-content-right {
    top: -8.7rem;
  }
  .follow-content-right h4 {
    margin-top: 3.2rem;
  }
  .follow-content-left {
    left: 0;
    top: 1.4rem;
  }
  .follow-content-left-link {
    margin-left: 0.75rem;
  }
  .follow-content-left-link-demo {
    margin-right: 0.55rem;
  }
}
header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 8;
  width: 100%;
  position: fixed;
}
header .header_shadow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 16rem;
  z-index: 1;
}
header .header_shadow_mobile {
  display: none;
}
header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.24rem 0 0 0.55rem;
  z-index: 20;
}
header .logo img {
  width: 1.93rem;
}
header .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.45rem;
  z-index: 3;
  margin-right: 0.6rem;
}
header .nav a {
  position: relative;
  margin: 0 0.21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
}
header .nav a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0.24rem;
  width: 0.66rem;
  height: 0.01rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(48.67%, #fff),
    color-stop(100.86%, rgba(255, 255, 255, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .nav a:hover {
  opacity: 0.8;
}
header .nav a:hover::after {
  opacity: 1;
}
header .documentation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.29rem 0.64rem 0 0;
  z-index: 3;
}
header .documentation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  width: 1.76rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #6fe38f 5.73%, rgba(
            133,
            66,
            244,
            0.88
          )
          100%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #6fe38f 5.73%,
      rgba(133, 66, 244, 0.88) 100%
    );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .documentation a span {
  font-weight: 600;
  z-index: 2;
}
header .documentation a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 0.55rem;
  width: 1.76rem;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #ff39f0 0, #8542f4 95.83%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(83.68% 83.68% at 0 0, #ff39f0 0, #8542f4 95.83%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .documentation a:hover::after {
  opacity: 1;
}
header .staking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 8;
  margin: 0.29rem 0 0 0;
  position: absolute;
  right: 2.56rem;
}
header .staking a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  width: 1.76rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0.65)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0.65) 95.83%
    );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .staking a span {
  font-weight: 600;
  z-index: 2;
}
header .staking a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 0.55rem;
  width: 1.76rem;
  border-radius: 0.08rem;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0.65)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0.65) 95.83%
    );
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .staking a:hover::after {
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  header .nav {
    display: none;
  }
  header .documentation {
    display: none;
  }
  header .header_shadow {
    width: 7.68rem;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .staking {
    display: none;
    position: relative;
    right: 0;
  }
  header .staking a {
    width: 3rem;
    height: 0.7rem;
  }
  header .staking a::after {
    width: 3rem;
    height: 0.7rem;
  }
  header .logo {
    margin: 0.24rem 0 0 0.2rem;
  }
}
@media only screen and (max-width: 480px) {
  header .header_shadow {
    display: none;
  }
  header .header_shadow_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -0.4rem;
    z-index: 1;
  }
}
.hero {
  margin-top: 0.87rem;
}
.hero .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero .shadow_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  top: -0.74rem;
  width: 10.35rem;
}
.hero .shadow_main_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  right: 0;
  top: -0.85rem;
  width: 14rem;
}
.hero .shadow_head_tablet {
  display: none;
}
.hero .shadow_main_right_mobile {
  display: none;
}
.hero-left {
  z-index: 3;
}
.hero-left h1 {
  width: 6.27rem;
  margin-top: 0.94rem;
  margin-bottom: 0.53rem;
}
.hero-left h1 span {
  font-weight: 600;
}
.hero-left .contant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1.6rem 0 1.25rem 0;
}
.hero-left .contant p {
  width: 4.48rem;
}
.hero-left .contant .other {
  margin-bottom: 1.3rem;
}
.hero-left .contant .other img {
  width: 1.1rem;
}
.hero-left .contant .other img:nth-child(2) {
  width: 1.3rem;
}
.hero-left-join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.hero-left-join a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.92rem;
  height: 1.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.02rem;
  margin: 0.29rem 0.22rem 0 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  overflow: hidden;
  z-index: 1;
}
.hero-left-join a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-weight: 600;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hero-left-join a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.92rem;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 0.02rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 251, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.hero-left-join a::before {
  content: url(../images/ilustr_join.svg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.92rem;
  height: 1.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0.1rem;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
}
.hero-left-join a:hover::after {
  -webkit-transform: translateY(0.75rem);
  -ms-transform: translateY(0.75rem);
  transform: translateY(0.75rem);
}
.hero-left-join a:hover span {
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
}
.hero-left-join a:hover::before {
  opacity: 1;
}
.hero-left-join a:nth-child(2)::after {
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.hero-left-join a:nth-child(2)::before {
  content: url(../images/join_telegram.svg);
}
.hero-left form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 5;
}
.hero-left form input {
  position: relative;
  width: 2.91rem;
  height: 0.52rem;
  outline: 0;
  background: 0 0;
  border: none;
  color: #ff9a36;
  font-size: 0.14rem;
  line-height: 0.14rem;
  font-weight: 600;
  font-family: var(--sub-font);
  z-index: 1;
  padding: 0.16rem;
  margin-right: 0.16rem;
}
.hero-left form input:focus ~ span {
  top: -0.1rem;
  background: #000;
  z-index: 2;
}

.hero-left form input::placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0.16rem;
  left: 0.18rem;
  font-weight: 600;
  z-index: 2;
  color: #ff9a36;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 0.03rem;
}
.hero-left form .placeholder_top {
  display: none;
  position: absolute;
  top: 0.16rem;
  left: 0.18rem;
  font-weight: 600;
  z-index: 2;
  color: #ff9a36;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 0.03rem;
}
.hero-left form .input_hero_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.91rem;
  height: 0.52rem;
}
.hero-left form .input_hero_mobile {
  display: none;
}
.hero-left form button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.76rem;
  height: 0.52rem;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 60, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 90% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 263, 0) 120%
    ),
    radial-gradient(
      67.56% 90% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 120%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  border-radius: 0.08rem;
  border: 0px solid rgba(255, 255, 255, 0.4);
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 3;
  font-weight: 600;
}
.hero-left form button span {
  z-index: 3;
}
.hero-left form button::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.76rem;
  height: 0.52rem;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 251, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  opacity: 0;
  z-index: 1;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hero-left form button:hover::after {
  opacity: 1;
}
.hero-left .staking_now {
  display: none;
}
.hero-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  position: relative;
  left: -7.75rem;
  top: -1.35rem;
}
.hero-right .contant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 5.5rem 0 0 1.45rem;
}
.hero-right .contant p {
  width: 4.48rem;
}
.hero-right .contant .other {
  margin-bottom: 1.3rem;
}
.hero-right .contant .other img {
  width: 1.1rem;
}
.hero-right .contant .other img:nth-child(2) {
  width: 1.3rem;
}
.hero .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  top: -2rem;
  z-index: 3;
}
.hero .social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.08rem;
  position: relative;
}
.hero .social a:nth-child(4) {
  width: 0.32rem;
}
.hero .social a:nth-child(4) .icon {
  left: -0.04rem;
  width: 0.32rem;
}
.hero .social a:nth-child(5) {
  width: 0.32rem;
  left: -0.08rem;
}
.hero .social a:nth-child(5) img {
  width: 0.32rem;
}
.hero .social a:nth-child(5) .icon {
  left: -0.04rem;
  width: 0.32rem;
}
.hero .social a:nth-child(5) .icon_color {
  width: 0.24rem !important;
}
.hero .social a img {
  width: 0.24rem;
}
.hero .social a .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.hero .social a .icon_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.hero .social a:hover .icon {
  opacity: 0;
}
.hero .social a:hover .icon_color {
  opacity: 1;
}
.run_text {
  margin-bottom: 2rem;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: -2.74rem;
}
.run_text .supported {
  font-size: 0.24rem;
  line-height: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6.42rem;
  position: absolute;
  left: 1.59rem;
  margin-top: 0.25rem;
}
.run_text .marquee {
  display: block;
  width: 9.58rem;
  left: 6.42rem;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0.38rem;
  position: relative;
  z-index: 3;
}
.run_text .marquee::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1rem;
  height: 100%;
  z-index: 9;
  left: -0.02rem;
  background: #000;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(black),
    to(rgba(255, 255, 255, 0))
  );
  background: -o-linear-gradient(left, #000 0, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, #000 0, rgba(255, 255, 255, 0) 100%);
}
.run_text .marquee img {
  width: 1.09rem;
  margin-right: 0.6rem;
}
.run_text::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 16rem;
  height: 1px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(48.67%, #fff),
    color-stop(100.86%, rgba(255, 255, 255, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  opacity: 0.6;
  top: -0.2rem;
}
.run_text::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 16rem;
  height: 1px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(48.67%, #fff),
    color-stop(100.86%, rgba(255, 255, 255, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  opacity: 0.6;
  top: 1rem;
}
@media only screen and (max-width: 1024px) {
  .hero .social {
    display: none;
  }
  .hero-left {
    margin-top: 2.6rem;
  }
  .hero-left h1 {
    width: 3.55rem;
    margin-bottom: 0.18rem;
  }
  .hero-left h1 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hero-left form {
    margin-top: 2.25rem;
  }
  .hero-left form input {
    width: 4.12rem;
  }
  .hero-left form .input_hero_desc {
    display: none;
  }
  .hero-left form .input_hero_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 4.12rem;
  }
  .hero-left .contant {
    margin: 0 0 1.25rem 0;
  }
  .hero-left .contant p {
    width: 3.65rem;
  }
  .hero-left .contant .other {
    position: relative;
    right: -4.25rem;
    top: -0.15rem;
  }
  .hero-left .staking_now {
    display: none;
    position: absolute;
    top: 7.4rem;
    width: 3.54rem;
    height: 0.52rem;
    background: -o-linear-gradient(
        120.21deg,
        #5902d2 0,
        rgba(133, 66, 244, 0) 42.95%
      ),
      -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
              133,
              66,
              244,
              0
            )
            100%),
      -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
              243,
              127,
              157,
              0.22
            )
            100%),
      -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
            95.83%);
    background: linear-gradient(
        329.79deg,
        #5902d2 0,
        rgba(133, 66, 244, 0) 42.95%
      ),
      radial-gradient(
        58.26% 58.26% at 0 103.31%,
        #ff39f0 26.56%,
        rgba(133, 66, 244, 0) 100%
      ),
      radial-gradient(
        67.56% 67.56% at 100% 0,
        #fff4cc 0,
        #ff9a36 45.31%,
        rgba(243, 127, 157, 0.22) 100%
      ),
      radial-gradient(
        83.68% 83.68% at 0 0,
        #5902d2 0,
        rgba(133, 66, 244, 0.65) 95.83%
      );
    border-radius: 0.08rem;
    /* border: 1px solid rgba(255, 255, 255, 0.4); */
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 3;
    font-weight: 600;
  }
  .hero-left .staking_now span {
    z-index: 3;
  }
  .hero-left .staking_now::after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 3.54rem;
    height: 0.52rem;
    border-radius: 0.08rem;
    background: -o-linear-gradient(
        120.21deg,
        #5902d2 0,
        rgba(133, 66, 244, 0) 42.95%
      ),
      -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
              133,
              66,
              244,
              0
            )
            100%),
      -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
              243,
              127,
              157,
              0.22
            )
            100%),
      -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
            95.83%);
    background: linear-gradient(
        329.79deg,
        #5902d2 0,
        rgba(133, 66, 244, 0) 42.95%
      ),
      radial-gradient(
        58.26% 58.26% at 0 103.31%,
        #ff39f0 26.56%,
        rgba(133, 66, 244, 0) 100%
      ),
      radial-gradient(
        67.56% 67.56% at 100% 0,
        #fff4cc 0,
        #ff9a36 45.31%,
        rgba(243, 127, 157, 0.22) 100%
      ),
      radial-gradient(
        83.68% 83.68% at 0 0,
        #5902d2 0,
        rgba(133, 66, 244, 0) 95.83%
      );
    opacity: 0;
    z-index: 1;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .hero-left .staking_now:hover::after {
    opacity: 1;
  }
  .hero-left .staking_now-join {
    position: absolute;
    top: 6.4rem;
  }
  .hero-left .staking_now-join a {
    width: 3.44rem;
    height: 0.52rem;
  }
  .hero-left .staking_now-join a::after {
    width: 3.44rem;
  }
  .hero-left .staking_now-join a:hover::after {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .hero-left .staking_now-join a:hover span {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .hero-left .staking_now-join a:hover::before {
    opacity: 0;
  }
  .hero-right .contant {
    position: relative;
    margin: 4.6rem 0 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    left: -3.5rem;
  }
  .hero-right .contant .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0.55rem;
    margin-left: 1.3rem;
  }
  .hero-right .contant .other img {
    margin-right: 0.32rem;
  }
  .hero .run_text {
    bottom: -2.2rem;
  }
  .hero .run_text .supported {
    left: 0.32rem;
    top: -0.15rem;
    margin-top: 0;
  }
  .hero .run_text .marquee {
    left: 0;
    width: 7.68rem;
    top: 0.3rem;
  }
  .hero .run_text .marquee::before {
    display: none;
  }
  .hero .run_text::after {
    width: 7.68rem;
    top: -0.38rem;
  }
  .hero .run_text::before {
    width: 7.68rem;
  }
  .hero .shadow_head_tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    z-index: 2;
    width: 6rem;
    top: -0.7rem;
  }
  .hero .shadow_main_right {
    top: 2.75rem;
    width: 12rem;
    z-index: 2;
  }
}
@media only screen and (max-width: 480px) {
  .hero .shadow_left {
    top: -3rem;
    display: none;
  }
  .hero .shadow_main_right_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 2;
    top: 0.65rem;
  }
  .hero .shadow_main_right {
    display: none;
  }
  .hero .shadow_head_tablet {
    display: none;
  }
  .hero-left form {
    margin-top: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hero-left form input {
    width: 3.54rem;
  }
  .hero-left form button {
    width: 3.54rem;
    margin-top: 0.1rem;
  }
  .hero-left form button::after {
    width: 3.54rem;
  }
  .hero-left form .input_hero_mobile {
    width: 3.54rem;
  }
  .hero-left form .placeholder_top {
    top: 0.13rem;
  }
  .hero-left-join {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0.1rem;
  }
  .hero-left-join a {
    margin: 0.29rem 0 0 0;
  }
  .hero-left .contant .other {
    opacity: 0;
  }
  .hero-left .staking_now {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hero .run_text {
    width: 3.02rem;
    font-size: 0.18rem;
    line-height: 0.25rem;
  }
  .hero .run_text .marquee {
    overflow: unset;
  }
  .hero .run_text .marquee::before {
    display: none;
    width: 0.5rem;
    left: 0;
  }
  .hero .run_text .supported {
    font-size: 0.18rem;
    width: 3.02rem;
  }
  .hero .run_text::after {
    width: 4.14rem;
  }
  .hero .run_text::before {
    width: 4.14rem;
  }
}
.moon .mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.moon .mission-right {
  margin-top: 1rem;
}
.moon .mission-right p {
  width: 4.8rem;
}
.moon .mission-right p .gold {
  color: #ff9a36;
}
.moon .mission-right p .blue {
  color: #19d2ff;
}
.moon .mission-right p:nth-child(2) {
  margin: 0.32rem 0 0 1rem;
}
.moon .mission-right-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 4rem;
  left: 6.3rem;
  width: 1rem;
}
.moon .mission-left {
  width: 8rem;
}
.protocol {
  padding-top: 1rem;
  padding-bottom: 4rem;
}
.protocol h2 {
  text-transform: uppercase;
  margin-bottom: 0.33rem;
}
.protocol h2 span {
  font-weight: 600;
}
.protocol-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.protocol-content-left img {
  width: 5.02rem;
}
.protocol-content-right {
  margin-left: 7.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.protocol-content-right p {
  width: 5.56rem;
  margin-bottom: 1.22rem;
  margin-top: 0.55rem;
}
.protocol-content-right p .gold {
  color: #ff9a36;
}
.protocol-content-right p .blue {
  color: #19d2ff;
}
.protocol-content-right p:nth-child(3) {
  width: 5.73rem;
}
.protocol-content-right-slidetext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 5.5rem;
  overflow-x: hidden;
}
.protocol-content-right-slidetext-slideitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateX(4rem);
  -ms-transform: translateX(4rem);
  transform: translateX(4rem);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.protocol-content-right-slidetext-slideitem h3 {
  color: #fff4cc;
  font-family: var(--accent-font);
  font-size: 0.28rem;
  line-height: 0.37rem;
  width: 5rem;
  margin-bottom: 0;
}
.protocol-content-right-slidetext-slideitem p {
  margin-top: 0.34rem;
}
.protocol-content-right-slidetext-slideitem.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.protocol-content-right img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 2.5rem;
  right: 0.7rem;
  width: 6.6rem;
}
@media only screen and (max-width: 1024px) {
  .protocol h2 span {
    margin-left: 2.2rem;
  }
  .protocol-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .protocol-content-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 5.02rem;
    top: 1.5rem;
    left: 0.8rem;
  }
  .protocol-content-left .placeholder-image {
    display: none;
  }
  .protocol-content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
  }
  .protocol-content-right-slidetext-slideitem p {
    width: 4.73rem !important;
  }
  .protocol-content-right p {
    width: 3.54rem;
    margin-bottom: 4.88rem;
    margin-left: 0.59rem;
    margin-top: 0.2rem;
  }
  .protocol-content-right p:nth-child(3) {
    width: 4.73rem;
    margin-left: 0.59rem;
  }
  .protocol-content-right h3 {
    width: 3.05rem;
    font-size: 0.2rem;
    line-height: 0.28rem;
    margin-left: 0.59rem;
  }
  .protocol-content-right img {
    top: 6.4rem;
    right: 1.3rem;
    width: 4.17rem;
  }
}
@media only screen and (max-width: 480px) {
  .protocol h2 {
    font-size: 0.4rem;
    line-height: 0.55rem;
  }
  .protocol h2 span {
    margin-left: 1.24rem;
  }
  .protocol-content-left {
    left: 0;
    width: 3.54rem;
    top: 1.7rem;
  }
  .protocol-content-left img {
    width: 3.54rem;
  }
  .protocol-content-right p {
    margin-bottom: 3.88rem;
    width: 2.95rem;
    margin-left: 0;
  }
  .protocol-content-right p:nth-child(3) {
    width: 2.95rem;
  }
  .protocol-content-right-slidetext-slideitem p {
    margin-left: 0.55rem;
    width: 2.95rem !important;
  }
  .protocol-content-right img {
    top: 5.7rem;
  }
}
.change_protocol_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  top: 2.7rem;
  z-index: 2;
  justify-content: flex-end;
}
.change_protocol_button-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.8rem;
  width: 0.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #6fe38f 0, rgba(133, 66, 244, 0.2)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #6fe38f 0,
      rgba(133, 66, 244, 0.2) 95.83%
    );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-left: 0.3rem;
}
.change_protocol_button-next img {
  z-index: 2;
  width: 0.3rem;
  top: 0.2rem;
  right: inherit;
}
.change_protocol_button-next::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 0.8rem;
  width: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #ff39f0 0, #8542f4 95.83%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(83.68% 83.68% at 0 0, #ff39f0 0, #8542f4 95.83%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.change_protocol_button-next:hover::after {
  opacity: 1;
}
.change_protocol_button-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.8rem;
  width: 0.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #6fe38f 0, rgba(133, 66, 244, 0.2)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #6fe38f 0,
      rgba(133, 66, 244, 0.2) 95.83%
    );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.change_protocol_button-prev img {
  z-index: 2;
  width: 0.3rem;
  top: 0.2rem;
  right: inherit;
  margin-right: 0.1rem;
}
.change_protocol_button-prev::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 0.8rem;
  width: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
  background: -o-linear-gradient(
      131.14deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #ff39f0 0, #8542f4 95.83%);
  background: linear-gradient(
      318.86deg,
      #563bd3 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(83.68% 83.68% at 0 0, #ff39f0 0, #8542f4 95.83%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.change_protocol_button-prev:hover::after {
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .change_protocol_button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0.8rem;
    right: -6.6rem;
  }
  .change_protocol_button-next {
    margin-left: 0;
    width: 0.42rem;
    height: 0.42rem;
    margin-top: 0.16rem;
  }
  .change_protocol_button-next img {
    width: 0.15rem;
    top: 0.7rem;
  }
  .change_protocol_button-next::after {
    width: 0.42rem;
    height: 0.42rem;
  }
  .change_protocol_button-prev {
    width: 0.42rem;
    height: 0.42rem;
  }
  .change_protocol_button-prev img {
    width: 0.15rem;
    top: 0.12rem;
    margin-right: 0.05rem;
  }
  .change_protocol_button-prev::after {
    width: 0.42rem;
    height: 0.42rem;
  }
}
@media only screen and (max-width: 480px) {
  .change_protocol_button {
    top: 1rem;
    right: 0.07rem;
  }
}
.roadmap {
  padding-top: 2rem;
}
.roadmap h2 {
  font-weight: 600;
  margin-bottom: 0.33rem;
}
.roadmap .text_left {
  width: 6.15rem;
  margin-left: 1.29rem;
  margin-bottom: 1.3rem;
}
.roadmap .text_left span {
  color: #19d2ff;
}
.roadmap-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: -0.3rem;
  top: -0.1rem;
  width: 6.87rem;
}
.roadmap-phase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 3rem;
}
.roadmap-phase-slide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 4.17rem !important;
  height: 0.66rem;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
  border-radius: 0.02rem;
  background: -o-linear-gradient(
      131.14deg,
      #321b9f 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #321b9f 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.roadmap-phase-slide::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 4.16rem;
  height: 2.63rem;
  opacity: 0.6;
  top: 0;
  background: -o-linear-gradient(
      131.14deg,
      #321b9f 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #321b9f 0,
      rgba(123, 35, 195, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.roadmap-phase-slide h3 {
  font-size: 0.16rem;
  line-height: 0.2rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.22rem;
}
.roadmap-phase-slide .point {
  margin-top: 0.5rem;
  width: 2.91rem;
}
.roadmap-phase-slide .point p {
  margin-bottom: 0.2rem;
}
.roadmap-phase-slide::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.94rem;
  height: 1px;
  top: 0.65rem;
  left: -0.12rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(48.67%, #fff),
    color-stop(100.86%, rgba(255, 255, 255, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
}
.roadmap-curent {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .roadmap-phase-slide {
    width: 3.38rem !important;
    height: 2.6rem !important;
  }
  .roadmap-phase-slide::after {
    width: 3.38rem !important;
    height: 2.6rem !important;
  }
  .roadmap-phase .bot_text .point {
    margin-top: 0.4rem;
  }
  .roadmap-phase .bot_text .point p {
    margin-bottom: 0.05rem;
  }
  .roadmap .text_left {
    width: 3.23rem;
    margin-left: 0;
    margin-bottom: 0.46rem;
  }
  .roadmap-star {
    display: none;
  }
  .roadmap .rectangle_img {
    display: none;
  }
  .roadmap .slick-dots {
    display: none !important;
  }
}
@media only screen and (max-width: 480px) {
  .roadmap {
    padding-top: 6.4rem;
  }
  .roadmap .text_left {
    margin-left: 0.32rem;
  }
  .roadmap-curent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 7.3rem;
    right: 0.2rem;
  }
  .roadmap-curent p {
    font-size: 0.2rem;
  }
  .roadmap-curent span {
    font-size: 0.3rem;
  }
}
.strategy {
  padding-top: 2rem;
}
.strategy h2 {
  text-transform: uppercase;
  margin-bottom: 1.26rem;
}
.strategy h2 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  margin-left: 3.2rem;
}
.strategy h2 span:nth-child(2) {
  margin-left: 0;
  position: absolute;
  top: 0.9rem;
  left: 7.8rem;
}
.strategy h3 {
  font-size: 0.28rem;
  line-height: 0.37rem;
  text-align: center;
  margin-bottom: 0.65rem;
}
.strategy-partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.strategy-partners-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}
.strategy-partners-star .star_gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.6rem;
}
.strategy-partners-star .star_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.6rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.strategy-partners-star:hover .star_color {
  opacity: 1;
}
.strategy-partners-star_last {
  display: none;
  z-index: 2;
}
.strategy-partners-star_last .star_gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.6rem;
}
.strategy-partners-star_last .star_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1.6rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.strategy-partners-star_last:hover .star_color {
  opacity: 1;
}
.strategy-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  top: -5.09rem;
  left: 1.06rem;
}
.strategy-logo img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.05rem;
  z-index: 5;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.strategy-logo img:nth-child(2) {
  margin-left: 0.53rem;
  width: 1.15rem;
}
.strategy-logo img:nth-child(3) {
  width: 1.46rem;
  margin-left: 0.27rem;
}
.strategy-logo img:nth-child(4) {
  width: 1.35rem;
  margin-left: 0.2rem;
}
.strategy-logo img:nth-child(5) {
  width: 1.26rem;
  margin-left: 0.32rem;
}
.strategy-logo img:nth-child(6) {
  width: 0.9rem;
  margin-left: 0.52rem;
}
.strategy-logo img:nth-child(7) {
  width: 1.24rem;
  margin-left: 0.56rem;
}
.strategy-logo img:hover {
  opacity: 1;
}
.strategy-logo_next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -4.4rem;
  left: 0.87rem;
}
.strategy-logo_next img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.34rem;
  z-index: 5;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.strategy-logo_next img:nth-child(2) {
  margin-left: 0.4rem;
  width: 1.15rem;
}
.strategy-logo_next img:nth-child(3) {
  width: 1.2rem;
  margin-left: 0.45rem;
  top: -0.08rem;
}
.strategy-logo_next img:nth-child(4) {
  width: 1.35rem;
  margin-left: 0.3rem;
}
.strategy-logo_next img:nth-child(5) {
  width: 1.1rem;
  margin-left: 0.45rem;
  top: -0.08rem;
}
.strategy-logo_next img:nth-child(6) {
  width: 1.27rem;
  margin-left: 0.37rem;
  top: -0.08rem;
}
.strategy-logo_next img:nth-child(7) {
  width: 1.34rem;
  margin-left: 0.27rem;
  top: -0.08rem;
}
.strategy-logo_next img:hover {
  opacity: 1;
}
.strategy-logo_last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -4.03rem;
  left: 1.04rem;
}
.strategy-logo_last img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1.12rem;
  z-index: 5;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.strategy-logo_last img:nth-child(2) {
  margin-left: 0.4rem;
  width: 1.29rem;
}
.strategy-logo_last img:nth-child(3) {
  width: 1.03rem;
  margin-left: 0.45rem;
}
.strategy-logo_last img:nth-child(4) {
  width: 1.21rem;
  margin-left: 0.45rem;
}
.strategy-logo_last img:nth-child(5) {
  width: 1.3rem;
  margin-left: 0.36rem;
}
.strategy-logo_last img:nth-child(6) {
  width: 1.22rem;
  margin-left: 0.34rem;
}
.strategy-logo_last img:nth-child(7) {
  width: 0.8rem;
  margin-left: 0.6rem;
}
.strategy-logo_last img:hover {
  opacity: 1;
}
.strategy p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 1.7rem;
  left: 2.3rem;
  text-align: center;
}
.strategy p span {
  color: #ff9a36;
}
.strategy .star_h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0.8rem;
  left: 0.44rem;
}
.strategy .star_h1 img {
  width: 6.87rem;
}
.strategy .strategy_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 1rem;
  right: -1rem;
  width: 5.09rem;
}
.strategy .strategy_bottom-mobile {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .strategy {
    padding-top: 0;
    padding-bottom: 2rem;
  }
  .strategy .star_h1 {
    display: none;
  }
  .strategy h2 span {
    margin-left: 2.17rem;
    position: relative;
    top: -0.76rem;
    left: -0.15rem;
  }
  .strategy h2 span:nth-child(2) {
    top: 1.55rem;
    left: 0.05rem;
  }
  .strategy-partners {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0.32rem;
  }
  .strategy-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 5.8rem;
    bottom: inherit;
    position: absolute;
    left: 1.4rem;
    width: 4.46rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .strategy-logo img:nth-child(4) {
    margin-top: 1.15rem;
    left: -0.34rem;
  }
  .strategy-logo img:nth-child(5) {
    margin-left: -0.05rem;
    top: 0.54rem;
  }
  .strategy-logo img:nth-child(6) {
    margin-left: 0.52rem;
    top: 0.52rem;
  }
  .strategy-logo img:nth-child(7) {
    margin-left: 0.52rem;
    top: 0.52rem;
    display: none;
  }
  .strategy-logo_next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 9.1rem;
    left: 1.2rem;
    width: 4.88rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .strategy-logo_next img:nth-child(4) {
    margin-left: 0.03rem;
    top: 0.6rem;
  }
  .strategy-logo_next img:nth-child(5) {
    top: 0.54rem;
  }
  .strategy-logo_next img:nth-child(6) {
    top: 0.55rem;
  }
  .strategy-logo_next img:nth-child(7) {
    display: none;
  }
  .strategy-logo_last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 12.1rem;
    left: 1.35rem;
    position: absolute;
    width: 4.88rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .strategy-logo_last img:nth-child(4) {
    margin-left: 0;
    top: 1rem;
  }
  .strategy-logo_last img:nth-child(5) {
    margin-left: 0.3rem;
    top: 1rem;
  }
  .strategy-logo_last img:nth-child(6) {
    top: 1rem;
  }
  .strategy-logo_last img:nth-child(7) {
    top: 1.8rem;
    margin-left: 0.2rem;
  }
  .strategy .strategy_bottom {
    right: -0.65rem;
    width: 5.84rem;
    bottom: -2.2rem;
  }
  .strategy .strategy_bottom-desctop {
    display: none;
  }
  .strategy .strategy_bottom-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .strategy .strategy_bottom img {
    width: 4.84rem;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .strategy p {
    margin-top: 0.45rem;
    width: 3.63rem;
    text-align: left;
    bottom: inherit;
    display: block;
    left: 0.32rem;
  }
}
@media only screen and (max-width: 480px) {
  .strategy {
    top: -1.2rem;
    padding-bottom: 1rem;
  }
  .strategy h2 {
    font-size: 0.38rem;
    line-height: 0.55rem;
    margin-bottom: 0.45rem;
  }
  .strategy h2 span {
    margin-left: 0;
    top: -0.55rem;
    left: 1rem;
  }
  .strategy h2 span:nth-child(2) {
    top: 1.07rem;
    left: 0.03rem;
  }
  .strategy p {
    left: 0;
  }
  .strategy-partners {
    width: 5rem;
    left: -0.6rem;
    position: relative;
    margin-left: 0;
  }
  .strategy-partners-star_last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .strategy-partners:nth-child(6) {
    margin-left: 0.01rem;
  }
  .strategy .strategy_bottom {
    right: -2.9rem;
    bottom: -2.4rem;
  }
  .strategy .strategy_bottom img {
    width: 3.16rem;
  }
  .strategy-logo {
    left: 0.45rem;
    width: 4rem;
    top: 4.5rem;
  }
  .strategy-logo img:nth-child(3) {
    margin-left: 0;
    margin-top: 1.11rem;
    left: -0.15rem;
  }
  .strategy-logo img:nth-child(4) {
    left: 0;
    margin-left: 0;
  }
  .strategy-logo img:nth-child(5) {
    top: 0.93rem;
  }
  .strategy-logo img:nth-child(6) {
    top: 0.93rem;
  }
  .strategy-logo img:nth-child(7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    top: 12.1rem;
    left: -2.65rem;
  }
  .strategy-logo_next {
    left: 0.27rem;
    width: 4rem;
    top: 9.35rem;
  }
  .strategy-logo_next img:nth-child(3) {
    margin-left: 0.15rem;
    top: 0.92rem;
  }
  .strategy-logo_next img:nth-child(4) {
    margin-left: 0.3rem;
    top: 0.95rem;
  }
  .strategy-logo_next img:nth-child(5) {
    top: 1.5rem;
    margin-left: 0.23rem;
  }
  .strategy-logo_next img:nth-child(6) {
    top: 1.5rem;
  }
  .strategy-logo_next img:nth-child(7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 1.5rem;
    margin-left: 0;
    top: 6.6rem;
    left: 1.65rem;
  }
  .strategy-logo_last {
    top: 14rem;
    left: 0.42rem;
    width: 3.7rem;
  }
  .strategy-logo_last img:nth-child(3) {
    margin-left: 0.08rem;
    top: 0.8rem;
  }
  .strategy-logo_last img:nth-child(4) {
    margin-left: 0.48rem;
    top: 0.9rem;
  }
  .strategy-logo_last img:nth-child(5) {
    margin-left: 0;
    top: 1.8rem;
    left: -0.08rem;
  }
  .strategy-logo_last img:nth-child(6) {
    top: 1.8rem;
    margin-left: 0.27rem;
  }
  .strategy-logo_last img:nth-child(7) {
    top: 4.3rem;
  }
}
.token-adress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.token-adress-left {
  z-index: 3;
}
.token-adress-left h2 {
  font-size: 0.36rem;
  font-weight: 600;
  line-height: 0.66rem;
}
.token-adress-left h2 span {
  color: #ff9a36;
}
.token-adress-left .star_token {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: -0.8rem;
  top: -0.4rem;
  width: 5.95rem;
}
.token-adress-left p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -0.5rem;
}
.token-adress-left p span {
  color: #19d2ff;
}
.token-adress-left p:nth-child(4) span {
  color: #ff9a36;
}
.token-adress-left p:nth-child(5) span {
  color: #8542f4;
}
.token-adress-left p a {
  color: #fff;
  opacity: 0.8;
}
.token-adress-left p a:hover {
  text-decoration: underline;
}
.token-adress-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1rem;
  z-index: 3;
}
.token-adress-right img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  width: 5.83rem;
}
.token .token_bg_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -3rem;
  z-index: 0;
}
.token .token_bg_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -3rem;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .token {
    margin-top: 2rem;
  }
  .token-adress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .token-adress-right {
    position: relative;
  }
  .token-adress-left {
    margin-left: 0.85rem;
  }
  .token .token_bg_right {
    top: -1rem;
    right: -2rem;
  }
}
@media only screen and (max-width: 480px) {
  .token-adress {
    margin-top: 0;
  }
  .token-adress-left {
    margin-left: 0.3rem;
  }
  .token-adress-left .star_token {
    left: -0.5rem;
    top: -0.2rem;
  }
  .token-adress-left h2 {
    font-size: 0.2rem;
    line-height: 0.28rem;
  }
  .token-adress-left p {
    font-size: 0.11rem;
    line-height: 0.29rem;
  }
  .token-adress-right {
    margin-left: 0;
  }
  .token-adress-right img {
    top: -0.35rem;
  }
}
.touch {
  margin-bottom: 1.9rem;
}
.touch-connection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.touch-connection-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.touch-connection-left h2 {
  font-weight: 600;
  margin-bottom: 0.89rem;
  text-transform: uppercase;
}
.touch-connection-left form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.touch-connection-left form input {
  width: 2.91rem;
  height: 0.5rem;
  background: 0 0;
  border: none;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #fff;
  padding-left: 0.16rem;
}
.touch-connection-left form textarea {
  width: 5.98rem;
  height: 2.23rem;
  resize: none;
  outline: 0;
  background: 0 0;
  padding: 0.15rem 0.16rem;
  margin-bottom: 0.32rem;
  border: none;
  z-index: 2;
  color: #ceb1ff;
}
.touch-connection-left form textarea::-webkit-input-placeholder {
  color: #ceb1ff;
}
.touch-connection-left form textarea::-webkit-input-placeholder,
.touch-connection-left form textarea::placeholder {
  color: #ceb1ff;
}
.touch-connection-left form textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.touch-connection-left form textarea:focus::-webkit-input-placeholder,
.touch-connection-left form textarea:focus::placeholder {
  color: transparent;
}
.touch-connection-left form .text_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 2.67rem;
  z-index: 3;
  left: 0.16rem;
  background: #000;
  font-weight: 600;
  color: #ff9a36;
  padding: 0 0.03rem;
}
.touch-connection-left form .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 0.45rem;
}
.touch-connection-left form .data-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 2.91rem;
  height: 0.5rem;
  margin-right: 0.16rem;
}
.touch-connection-left form input::placeholder {
  color: #ff9a36;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0.14rem;
  left: 0.16rem;
  -webkit-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
  z-index: 2;
  padding: 0 0.03rem;
}
.touch-connection-left form .data-field img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.91rem;
}
.touch-connection-left form .data-field span {
  color: #ff9a36;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0.14rem;
  left: 0.16rem;
  -webkit-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
  z-index: 2;
  padding: 0 0.03rem;
}
.touch-connection-left form .data-field .fullname {
  z-index: 1;
}
.touch-connection-left form .data-field .fullname:focus ~ span {
  top: -0.1rem;
  background: #000;
  z-index: 2;
}
.touch-connection-left form .data-field .emaildata {
  z-index: 1;
}
.touch-connection-left form .data-field .emaildata:focus ~ span {
  top: -0.1rem;
  background: #000;
  z-index: 2;
}
.touch-connection-left form .textarea_mess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 2.76rem;
  width: 5.98rem;
  z-index: 1;
}
.touch-connection-left form button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.98rem;
  height: 0.78rem;
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  border-radius: 0.08rem;
  border: none;
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 1;
}
.touch-connection-left form button span {
  z-index: 2;
}
.touch-connection-left form button::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 5.98rem;
  height: 0.78rem;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  opacity: 0;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.touch-connection-left form button:hover::after {
  opacity: 1;
}
.touch-connection-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 2rem;
}
.touch-connection-right h4 {
  color: #fff4cc;
  font-size: 0.28rem;
  line-height: 0.37rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
}
.touch-connection-right p {
  width: 4.8rem;
  margin-bottom: 0.34rem;
}
.touch-connection-right .button_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.touch-connection-right .button_post-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 2.33rem;
  height: 1.27rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.02rem;
  margin: 0 0.16rem 0.39rem 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.touch-connection-right .button_post-link .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.33rem;
  height: 0.52rem;
  bottom: 0;
  z-index: 3;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 60, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 90% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 263, 0) 120%
    ),
    radial-gradient(
      67.56% 90% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 120%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.touch-connection-right .button_post-link .info::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.33rem;
  height: 0.52rem;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 251, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.touch-connection-right .button_post-link:hover .info::after {
  opacity: 1;
}
.touch-connection-right .button_post-link span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-weight: 600;
  z-index: 5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
}
.touch-connection-right .button_post-link::before {
  content: url(../images/info_svg.svg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 2.33rem;
  height: 1.27rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0.1rem;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.touch-connection-right .button_post-link:nth-child(2)::before {
  content: url(../images/press_svg.svg);
}
.touch-connection-right-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  top: 0;
  left: -0.1rem;
  z-index: 3;
}
.touch-connection-right-social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.08rem;
  position: relative;
}
.touch-connection-right-social a:nth-child(4) {
  width: 0.32rem;
}
.touch-connection-right-social a:nth-child(4) .icon {
  left: -0.04rem;
  width: 0.32rem;
}
.touch-connection-right-social a:nth-child(5) {
  width: 0.32rem;
  left: -0.08rem;
}
.touch-connection-right-social a:nth-child(5) img {
  width: 0.32rem;
}
.touch-connection-right-social a:nth-child(5) .icon {
  left: -0.04rem;
  width: 0.32rem;
}
.touch-connection-right-social a:nth-child(5) .icon_color {
  width: 0.24rem !important;
}
.touch-connection-right-social a img {
  width: 0.24rem;
}
.touch-connection-right-social a .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.touch-connection-right-social a .icon_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.touch-connection-right-social a:hover .icon {
  opacity: 0;
}
.touch-connection-right-social a:hover .icon_color {
  opacity: 1;
}
.touch-connection-right .star_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0.6rem;
  right: -0.6rem;
  width: 5.36rem;
}
@media only screen and (max-width: 1024px) {
  .touch {
    margin-bottom: 0;
  }
  .touch-connection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .touch-connection-left h2 {
    margin-bottom: 0.52rem;
  }
  .touch-connection-left h2 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1.2rem;
  }
  .touch-connection-left form .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .touch-connection-left form .data-field {
    margin-bottom: 0.2rem;
    width: 3.44rem;
  }
  .touch-connection-left form .data-field input {
    width: 3.44rem;
  }
  .touch-connection-left form .data-field img {
    width: 3.44rem;
  }
  .touch-connection-left form .data-field span {
    padding: 0 0.03rem;
    font-size: 0.15rem;
    line-height: 0.14rem;
    top: 0.23rem;
  }
  .touch-connection-left form textarea {
    width: 3.44rem;
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 3.7rem;
  }
  .touch-connection-left form .textarea_mess {
    top: 2rem;
    width: 3.44rem;
    height: 1.35rem;
    left: 3.68rem;
  }
  .touch-connection-left form .text_area {
    top: 1.95rem;
    left: 3.8rem;
    font-size: 0.1rem;
    line-height: 0.14rem;
  }
  .touch-connection-left form button {
    width: 3.3rem;
    height: 0.72rem;
    border-radius: 0.02rem;
    position: relative;
    left: 2rem;
  }
  .touch-connection-left form button::after {
    width: 3.3rem;
    height: 0.72rem;
    border-radius: 0.02rem;
  }
  .touch-connection-right {
    margin-left: 0;
    margin-top: 0.45rem;
  }
  .touch-connection-right .star_media {
    bottom: -1rem;
    right: 3.1rem;
  }
  .touch-connection-right .button_post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 4rem;
  }
  .touch-connection-right .button_post-link {
    width: 3.3rem;
    height: 1.81rem;
  }
  .touch-connection-right .button_post-link .info {
    width: 3.3rem;
  }
  .touch-connection-right .button_post-link .info::after {
    width: 3.3rem;
  }
  .touch-connection-right .button_post-link::before {
    top: 0.4rem;
  }
  .touch-connection-right .button_post-link span {
    -webkit-transform: translateY(0.65rem);
    -ms-transform: translateY(0.65rem);
    transform: translateY(0.65rem);
  }
  .touch-connection-right h4 {
    font-size: 0.2rem;
    line-height: 0.38rem;
  }
  .touch-connection-right p {
    width: 3.43rem;
    margin-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 480px) {
  .touch {
    margin-bottom: 2rem;
  }
  .touch-connection-left form .data {
    margin-bottom: 1.5rem;
  }
  .touch-connection-left form .data-field {
    width: 3.54rem;
    margin-bottom: 0.3rem;
  }
  .touch-connection-left form .data-field input {
    width: 3.54rem;
  }
  .touch-connection-left form .data-field img {
    width: 3.54rem;
  }
  .touch-connection-left form textarea {
    left: 0;
    top: 3.6rem;
    width: 3.54rem;
  }
  .touch-connection-left form .textarea_mess {
    top: 3.6rem;
    left: 0;
    width: 3.54rem;
  }
  .touch-connection-left form button {
    width: 3.54rem;
    left: 0;
  }
  .touch-connection-left form button::after {
    width: 3.54rem;
  }
  .touch-connection-left form .text_area {
    left: 0.1rem;
    top: 3.55rem;
  }
  .touch-connection-right .button_post {
    left: 0;
    top: 8.7rem;
  }
  .touch-connection-right .button_post-link {
    width: 3.54rem;
    height: 1.27rem;
    margin: 0 0 0.39rem 0;
  }
  .touch-connection-right .button_post-link::before {
    top: 0.1rem;
  }
  .touch-connection-right .button_post-link .info {
    width: 3.54rem;
  }
  .touch-connection-right .button_post-link .info::after {
    width: 3.54rem;
  }
  .touch-connection-right .button_post-link span {
    -webkit-transform: translateY(0.4rem);
    -ms-transform: translateY(0.4rem);
    transform: translateY(0.4rem);
  }
  .touch-connection-right p {
    margin-bottom: 4rem;
  }
  .touch-connection-right .star_media {
    right: 0;
    bottom: -0.6rem;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  background: #000;
}
body,
main {
  overflow-x: hidden;
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: var(--main-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
a {
  text-decoration: none;
  outline: 0;
}
img {
  max-width: 100%;
  height: auto;
}
section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.container {
  position: relative;
  width: var(--container-width);
  min-width: var(--container-width);
  margin: 0 auto;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input::-webkit-input-placeholder,
input::placeholder,
textarea::-webkit-input-placeholder,
textarea::placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-webkit-input-placeholder,
input:focus::placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::placeholder {
  color: transparent;
}
button[type="submit"] {
  cursor: pointer;
}
.desc-1 {
  opacity: 0.8;
}
footer p {
  font-size: 0.14rem !important;
  line-height: 0.22rem !important;
  color: #878dad !important;
  text-align: center;
  margin-bottom: 0.31rem;
}
footer p::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 16rem;
  height: 1px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(48.67%, #fff),
    color-stop(100.86%, rgba(255, 255, 255, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    #fff 48.67%,
    rgba(255, 255, 255, 0) 100.86%
  );
  opacity: 0.6;
  top: -0.5rem;
  left: -1.59rem;
}
@media only screen and (max-width: 1024px) {
  footer p: :after {
    width: 7.68rem;
    left: -0.33rem;
  }
}
@media only screen and (max-width: 480px) {
  footer p {
    font-size: 0.14rem !important;
    line-height: 0.22rem !important;
    width: 3.7rem;
  }
  footer p::after {
    width: 4.14rem;
    left: -0.3rem;
  }
}
#myVideo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 16rem;
  height: 9rem;
}
@media only screen and (max-width: 1024px) {
  #myVideo {
    top: -0.07rem;
    left: -7.1rem;
    z-index: 2;
  }
}
@media only screen and (max-width: 480px) {
  #myVideo {
    display: none;
  }
}
#myVideo_next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 8.5rem;
  top: 2.5rem;
  left: -1.25rem;
  mix-blend-mode: screen;
}
@media only screen and (max-width: 1024px) {
  #myVideo_next {
    left: 0;
    width: 6.5rem;
    top: -0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  #myVideo_next {
    left: -0.5rem;
    top: 0;
    width: 4.5rem;
  }
}
#myVideo_mobile {
  display: none;
  position: absolute;
}
@media only screen and (max-width: 480px) {
  #myVideo_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -1.1rem;
    width: 16rem;
    left: -6rem;
  }
}
#cube {
  width: 11.02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: -2.8rem;
  mix-blend-mode: screen;
}
@media only screen and (max-width: 1024px) {
  #cube {
    left: -2.2rem;
    width: 10rem;
  }
}
@media only screen and (max-width: 480px) {
  #cube {
    width: 8rem;
    margin-top: 0.12rem;
  }
}
.slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  top: 3.5rem;
  z-index: 6;
  left: 1.6rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.slick-dots li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.2rem;
  height: 0.41rem;
  left: 3.1rem;
  z-index: 3;
}
.slick-dots li button {
  width: 1.34rem;
  height: 0.41rem;
  background: 0 0;
  border-radius: 0.37rem;
}
.slick-dots li button::before {
  color: #ceb1ff;
  content: "Q4 2025";
  opacity: 1;
  font-size: 0.14rem;
  line-height: 0.14rem;
  width: 0.54rem;
  font-family: var(--sub-font);
  font-weight: 600;
  position: absolute;
  top: 0.12rem;
  left: 0.32rem;
}
.slick-dots li:nth-child(2) button::before {
  content: "Q1 2026";
  width: 0.79rem;
  left: 0.2rem;
}
.slick-dots li:nth-child(3) button::before {
  content: "Q2 2026";
  width: 0.54rem;
}
.slick-dots li:nth-child(4) button::before {
  content: "Q3 2026";
  width: 0.77rem;
  left: 0.2rem;
}
.slick-dots li:nth-child(5) button::before {
  content: "Q4 2026";
  width: 0.54rem;
}
.slick-dots::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 6.7rem;
  height: 0.91rem;
  left: 3rem;
  top: -0.22rem;
  z-index: 2;
  background-image: url(../images/rect.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.slick-center .roadmap-phase-slide {
  background: -o-linear-gradient(
      131.14deg,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #19d2ff 0, rgba(25, 210, 255, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 95.83%
    );
}
.slick-center .roadmap-phase-slide::after {
  background: -o-linear-gradient(
      131.14deg,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #19d2ff 0, rgba(25, 210, 255, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 53.86%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #19d2ff 0,
      rgba(25, 210, 255, 0) 95.83%
    );
}
.mb_10 {
  margin-top: 0.4rem !important;
}
.mb_10 p {
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 1024px) {
  .mb_10 {
    margin-top: 0.3rem !important;
  }
  .mb_10 p {
    margin-bottom: 0.05rem !important;
  }
}
.slick-dots li.slick-active button {
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 60, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 90% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 263, 0) 120%
    ),
    radial-gradient(
      67.56% 90% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 120%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
}
.slick-dots li.slick-active button::before {
  color: #fff;
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: -1.6rem;
    margin-right: 0;
    width: 3.7rem !important;
  }
}
@media only screen and (max-width: 1024px) {
  .slick-track {
    left: -2.2rem;
    position: relative;
    width: 19rem !important;
  }
  .slick-slide.slick-current {
    width: 3.7rem !important;
  }
}
@media only screen and (max-width: 480px) {
  .slick-initialized .slick-slide {
    margin-right: 0;
    left: 1.4rem;
    width: 3.6rem !important;
  }
  .slick-list {
    left: 0;
  }
  .slick-slide.slick-current {
    width: 3.7rem !important;
  }
  .slick-track {
    left: -2rem;
    width: 21rem !important;
  }
}
.popup_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.popup {
  display: none;
  position: fixed;
  opacity: 0;
  width: 5.2rem;
  height: 6.76rem;
  background-color: #010013;
  z-index: 15;
  top: 0.5rem;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.popup iframe {
  border: none !important;
  background: 0 0 !important;
}
.popup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 5.2rem;
  height: 6.76rem;
  background-image: url(../images/base.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.popup-list img {
  width: 1.93rem;
  margin-bottom: 0.46rem;
  margin-top: 0.26rem;
}
.popup-list img:nth-child(3) {
  width: 1.34rem;
  margin-bottom: 0.25rem;
}
.popup-list h2 {
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 600;
  width: 3.46rem;
  text-align: center;
}
.popup-list p {
  margin: 0;
}
.popup-list p:nth-child(7) {
  color: #ff9a36;
  font-weight: 600;
  cursor: pointer;
}
.popup-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.68rem;
  height: 0.52rem;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 60, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 90% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 263, 0) 120%
    ),
    radial-gradient(
      67.56% 90% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 120%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  border-radius: 0.08rem;
  border: none;
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 0px solid rgba(255, 255, 255, 0.4);
  z-index: 5;
  margin-bottom: 0.16rem;
}
.popup-list a span {
  z-index: 9;
  font-weight: 600;
}
.popup-list a::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 4.68rem;
  height: 0.52rem;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      131.14deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #19d2ff 26.56%, rgba(
            16,
            231,
            251,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #ffccfb 0, #ff39f0 45.31%, rgba(
            238,
            65,
            255,
            0
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      318.86deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 53.86%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #19d2ff 26.56%,
      rgba(16, 231, 251, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #ffccfb 0,
      #ff39f0 45.31%,
      rgba(238, 65, 255, 0) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  opacity: 0;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5;
}
.popup-list a:hover::after {
  opacity: 1;
}
.popup-list .form_popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.popup-list .form_popup input {
  width: 4.68rem;
  height: 0.5rem;
  border: none;
  outline: 0;
  color: #ff9a36;
  padding-left: 0.16rem;
  background: -o-linear-gradient(
      131.14deg,
      #010013 0,
      rgba(1, 0, 19, 0.1) 53.86%
    ),
    -o-radial-gradient(0 0, 83.68% 83.68%, #010013 0, rgba(1, 0, 19, 0.2) 95.83%);
  background: linear-gradient(318.86deg, #010013 0, rgba(1, 0, 19, 0.1) 53.86%),
    radial-gradient(83.68% 83.68% at 0 0, #010013 0, rgba(1, 0, 19, 0.2) 95.83%);
  font-weight: 600;
  border-radius: 0.02rem;
  margin-bottom: 0.08rem;
}
.popup-list .form_popup input::-webkit-input-placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #ff9a36;
}
.popup-list .form_popup input::-webkit-input-placeholder,
.popup-list .form_popup input::placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #ff9a36;
}
.popup-list .form_popup input:focus::-webkit-input-placeholder {
  color: transparent;
}
.popup-list .form_popup input:focus::-webkit-input-placeholder,
.popup-list .form_popup input:focus::placeholder {
  color: transparent;
}
.popup-list .form_popup button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.68rem;
  height: 0.5rem;
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  border-radius: 0.08rem;
  border: none;
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 5;
  margin-bottom: 0.2rem;
}
.popup-list .form_popup button span {
  z-index: 9;
  font-weight: 600;
}
.popup-list .form_popup button::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 4.68rem;
  height: 0.52rem;
  border-radius: 0.08rem;
  background: -o-linear-gradient(
      120.21deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    -o-radial-gradient(0 103.31%, 58.26% 58.26%, #ff39f0 26.56%, rgba(
            133,
            66,
            244,
            0
          )
          100%),
    -o-radial-gradient(100% 0, 67.56% 67.56%, #fff4cc 0, #ff9a36 45.31%, rgba(
            243,
            127,
            157,
            0.22
          )
          100%),
    -o-radial-gradient(0 0, 83.68% 83.68%, #5902d2 0, rgba(133, 66, 244, 0)
          95.83%);
  background: linear-gradient(
      329.79deg,
      #5902d2 0,
      rgba(133, 66, 244, 0) 42.95%
    ),
    radial-gradient(
      58.26% 58.26% at 0 103.31%,
      #ff39f0 26.56%,
      rgba(133, 66, 244, 0) 100%
    ),
    radial-gradient(
      67.56% 67.56% at 100% 0,
      #fff4cc 0,
      #ff9a36 45.31%,
      rgba(243, 127, 157, 0.22) 100%
    ),
    radial-gradient(
      83.68% 83.68% at 0 0,
      #5902d2 0,
      rgba(133, 66, 244, 0) 95.83%
    );
  opacity: 0;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5;
}
.popup-list .form_popup button:hover::after {
  opacity: 1;
}
.popup.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.popup .hide_popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  z-index: 15;
  top: -0.42rem;
  right: -0.15rem;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .popup {
    left: 1.3rem;
  }
}
@media only screen and (max-width: 480px) {
  .popup {
    left: 0;
  }
  .popup-list {
    width: 4.14rem;
    background-size: cover;
  }
  .popup-list a {
    width: 3.34rem;
  }
  .popup-list a::after {
    width: 3.34rem;
  }
  .popup .hide_popup {
    top: -0.16rem;
    right: 0.08rem;
  }
}
.preloader {
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
  position: fixed;
  z-index: 30;
  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;
}
.preloader video {
  z-index: 31;
  width: 8.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 480px) {
  .preloader video {
    position: absolute;
    top: 1rem;
    width: 4.4rem;
  }
}
.bt-menu {
  position: fixed;
  display: none;
  width: 0.4rem;
  height: 0.4rem;
  background: 0 0;
  border-radius: 0.4rem;
  right: 0.6rem;
}
.bt-menu:after,
.bt-menu:before {
  content: "";
}
.bt-menu span,
.bt-menu::after,
.bt-menu::before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.bt-menu::before {
  top: 0.12rem;
  border-top: 0.02rem solid #fff;
}
.bt-menu span {
  top: 0.2rem;
  border-top: 0.02rem solid #fff;
}
.bt-menu::after {
  top: 0.28rem;
  border-top: 0.02rem solid #fff;
}
.bt-menu.active::after,
.bt-menu.active::before {
  top: 0.2rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.bt-menu.active::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bt-menu.active span {
  opacity: 0;
}
.bt-menu.active::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 1024px) {
  .bt-menu {
    display: block;
    right: 0.21rem;
    top: 0.15rem;
    z-index: 11;
  }
}
.mobile_menu {
  background: #000;
  position: fixed;
  top: 0;
  left: -100%;
  height: 100vh;
  width: 100%;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile_menu .nav-menu_mobile-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0.37rem;
  font-size: 0.28rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.24rem;
}
.mobile_menu .second_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0.95rem;
  width: 2.14rem;
  cursor: pointer;
  z-index: 10;
  color: #000;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mobile_menu .second_post::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  content: "";
  width: 2.12rem;
  height: 0.54rem;
  border-radius: 0 0.08rem 0.08rem 0.08rem;
  background: -o-linear-gradient(
    356.08deg,
    #22f4ff 0,
    #f0598d 48.96%,
    #ffc93c 100%
  );
  background: linear-gradient(
    93.92deg,
    #22f4ff 0,
    #f0598d 48.96%,
    #ffc93c 100%
  );
}
.mobile_menu.active {
  left: 0;
}
.mobile_menu .documentation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.3rem 0 0 0;
}
.mobile_menu .documentation a {
  width: 3rem;
  height: 0.7rem;
}
.mobile_menu .documentation a::after {
  width: 3rem;
  height: 0.7rem;
}
.mobile_menu .staking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile_menu .nav-menu_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile_menu .nav-menu_mobile .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: 0.12rem;
}
.mobile_menu .nav-menu_mobile .social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.08rem;
  position: relative;
}
.mobile_menu .nav-menu_mobile .social a:nth-child(4) {
  width: 0.32rem;
}
.mobile_menu .nav-menu_mobile .social a:nth-child(4) .icon {
  left: -0.04rem;
  width: 0.32rem;
}
.mobile_menu .nav-menu_mobile .social a:nth-child(5) {
  width: 0.32rem;
  left: -0.08rem;
}
.mobile_menu .nav-menu_mobile .social a:nth-child(5) img {
  width: 0.32rem;
}
.mobile_menu .nav-menu_mobile .social a:nth-child(5) .icon {
  left: -0.04rem;
  width: 0.32rem;
}
.mobile_menu .nav-menu_mobile .social a:nth-child(5) .icon_color {
  width: 0.24rem !important;
}
.mobile_menu .nav-menu_mobile .social a img {
  width: 0.24rem;
}
.mobile_menu .nav-menu_mobile .social a .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.mobile_menu .nav-menu_mobile .social a .icon_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.mobile_menu .nav-menu_mobile .social a:hover .icon {
  opacity: 0;
}
.mobile_menu .nav-menu_mobile .social a:hover .icon_color {
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
  .mobile_menu .nav-menu_mobile {
    margin-top: 1.1rem;
  }
  .mobile_menu .second_post {
    left: 2.8rem;
  }
}
@media only screen and (max-width: 480px) {
  .mobile_menu .nav-menu_mobile {
    margin-top: 0;
  }
  .mobile_menu .staking {
    display: none;
  }
  .mobile_menu .documentation {
    width: 3.54rem;
  }
  .mobile_menu .documentation a {
    width: 3.54rem;
  }
  .mobile_menu .documentation a::after {
    width: 3.54rem;
  }
}
.hero_shadow_kosmo {
  display: none;
}
@media only screen and (max-width: 480px) {
  .hero_shadow_kosmo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 2.7rem;
    left: -1.9rem;
  }
}