button, input, textarea {
    font-family: inherit;
    border: none;
    outline: 0
}
.text, address {
    font-style: normal
}
.header, .section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.char-list, .page-nav__list {
    font-weight: 400;
    list-style-position: inside
}
.comment::before, .table__row::before {
    content: ""
}
@font-face {
    font-family: Inter;
    src: url(../fonts/Inter/Inter-SemiBold.eot);
    src: local("Inter Semi Bold"), local("Inter-SemiBold"), url(../fonts/Inter/Inter-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Inter/Inter-SemiBold.woff2) format("woff2"), url(../fonts/Inter/Inter-SemiBold.woff) format("woff"), url(../fonts/Inter/Inter-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins/Poppins-Regular.eot);
    src: local("Poppins Regular"), local("Poppins-Regular"), url(../fonts/Poppins/Poppins-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Poppins/Poppins-Regular.woff2) format("woff2"), url(../fonts/Poppins/Poppins-Regular.woff) format("woff"), url(../fonts/Poppins/Poppins-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins/Poppins-SemiBold.eot);
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(../fonts/Poppins/Poppins-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Poppins/Poppins-SemiBold.woff2) format("woff2"), url(../fonts/Poppins/Poppins-SemiBold.woff) format("woff"), url(../fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins/Poppins-Light.eot);
    src: local("Poppins Light"), local("Poppins-Light"), url(../fonts/Poppins/Poppins-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Poppins/Poppins-Light.woff2) format("woff2"), url(../fonts/Poppins/Poppins-Light.woff) format("woff"), url(../fonts/Poppins/Poppins-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins/Poppins-Bold.eot);
    src: local("Poppins Bold"), local("Poppins-Bold"), url(../fonts/Poppins/Poppins-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Poppins/Poppins-Bold.woff2) format("woff2"), url(../fonts/Poppins/Poppins-Bold.woff) format("woff"), url(../fonts/Poppins/Poppins-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins/Poppins-Italic.eot);
    src: local("Poppins Italic"), local("Poppins-Italic"), url(../fonts/Poppins/Poppins-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/Poppins/Poppins-Italic.woff2) format("woff2"), url(../fonts/Poppins/Poppins-Italic.woff) format("woff"), url(../fonts/Poppins/Poppins-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
html {
    scroll-behavior: smooth
}
a {
    text-decoration: none;
    outline: 0
}
button {
    background: 0 0;
    cursor: pointer
}
input, textarea {
    background: #fff
}
body {
    background-color: #0B0B0F
}
.content {
    overflow: hidden
}
.section {
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 35px;
    position: relative;
    z-index: 1
}
.section__inner {
    width: 100%;
    max-width: 1040px;
    z-index: 2
}
h1, h2, h3 {
    color: #BD9FD3;
    max-width: 64.5%
}
.header__inner p{
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 18px;
text-transform: uppercase;
}
main {
    margin-top: 15px
}
.text {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    text-indent: 20px;
    white-space: pre-line;
    color: #FFF
}
h1, h2, h3 p.small-title {
    font-style: normal;
    font-weight: 600
}
@media (max-width:400px) {
    .section {
        padding: 0 15px
    }
    .text {
        font-size: 16px
    }
}
.block {
    margin-bottom: 50px
}
@media (max-width:1024px) {
    .block {
        margin-bottom: 30px
    }
}
h1 {
    font-family: Poppins, sans-serif;
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto
}
.char-list, .comment__inner, .page-nav__list, .table__cell, h2, p.small-title {
    font-family: Poppins, sans-serif
}
@media (max-width:1024px) {
    h1 {
        font-size: 28px;
        max-width: initial;
        width: 100%
    }
}
@media (max-width:400px) {
    h1 {
        font-size: 24px
    }
}
h2 {
    font-size: 34px;
    line-height: 1.29;
    text-align: center;
    margin: 0 auto 50px
}
@media (max-width:1024px) {
    h2 {
        font-size: 22px;
        max-width: initial;
        width: 100%;
        margin: 0 auto 30px
    }
}
@media (max-width:400px) {
    h2 {
        font-size: 19px
    }
}
h2.small-title {
    font-size: 26px;
    line-height: 1.31
}
@media (max-width:1024px) {
    h2.small-title {
        font-size: 21px
    }
}
@media (max-width:400px) {
    h2.small-title {
        font-size: 18px
    }
}

h3 {
    font-family: Poppins, sans-serif;
    font-size: 22px;
    line-height: 1.29;
    text-align: center;
    margin: 0 auto 50px
}
@media (max-width:1024px) {
    h3 {
        font-size: 20px;
        max-width: initial;
        width: 100%;
        margin: 0 auto 30px
    }
}
@media (max-width:400px) {
    h3 {
        font-size: 18px
    }
}
h3.small-title {
    font-size: 22px;
    line-height: 1.31
}
@media (max-width:1024px) {
    h3.small-title {
        font-size: 18px
    }
}
@media (max-width:400px) {
    h3.small-title {
        font-size: 18px
    }
}

p.small-title {
    font-size: 26px;
    line-height: 1.31;
    color: #933FFE;
    margin-bottom: 10px
}
.header__controls a, .header__page-name a {
    font-family: Inter;
    font-weight: 600;
    line-height: 100%;
    font-style: normal
}
@media (max-width:1024px) {
    p.small-title {
        font-size: 21px
    }
    .circle-decoration {
        display: none
    }
}
.circle-decoration {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 110%;
    -webkit-transform: translate(-50%, 15%);
    -ms-transform: translate(-50%, 15%);
    transform: translate(-50%, 15%);
    z-index: 1
}
.violet-decoration {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, -8%);
    -ms-transform: translate(0, -8%);
    transform: translate(0, -8%)
}
.orange-decoration {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-30%, -18%);
    -ms-transform: translate(-30%, -18%);
    transform: translate(-30%, -18%)
}
.big-img, .header {
    position: relative
}
@media (max-width:640px) {
    .orange-decoration, .violet-decoration {
        display: none
    }
}
.header {
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 35px;
    z-index: 5
}
@media (max-width:480px) {
    main {
        margin-top: 30px
    }
    .header {
        padding-top: 40px
    }
}
@media (max-width:400px) {
    p.small-title {
        font-size: 18px
    }
    .header {
        padding: 40px 15px 0
    }
}
.header__inner {
    width: 100%;
    max-width: 1190px;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header__page-name {
    margin: 0 1rem
}
.header__page-name a {
    font-size: 14px;
    color: #fff
}
@media (max-width:1024px) {
    .header__page-name {
        display: none
    }
}
.header__controls a {
    border-radius: 10px;
    padding: 11px 22px;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.page-nav__list, .page-nav__list a {
    color: #9B51E0;
    -webkit-transition: .3s;
    -o-transition: .3s
}
.header__controls a:not(:first-of-type) {
    margin-left: 12px
}
@media (max-width:480px) {
    .header__inner {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .header__controls a:not(:first-of-type) {
        margin-left: 0
    }
    .header__controls a {
        margin-top: 30px;
        width: 100%
    }
    .header__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        max-width: 200px
    }
}
a.sing-in {
    border: 1px solid #FFF;
    padding: 10px 22px;
    background-size: 100%
}
.big-img img, .small-img img {
    width: 100%;
    
    border-radius: 20px;
    left: 0;
    top: 0
}
a.sing-in:hover {
    background-color: rgba(255, 255, 255, .3)
}
a.sing-up {
    background: -o-linear-gradient(225deg, #18C8FF 14.89%, #933FFE 85.85%);
    background: linear-gradient(225deg, #18C8FF 14.89%, #933FFE 85.85%)
}
a.sing-up:hover {
    -webkit-filter: contrast(1.4);
    filter: contrast(1.4)
}
.page-nav {
    margin: 80px 0
}
@media (max-width:1024px) {
    .page-nav {
        margin: 60px 0
    }
}
@media (max-width:768px) {
    .page-nav {
        margin: 30px 0
    }
}
.page-nav__list {
    font-style: normal;
    font-size: 18px;
    line-height: 1.78;
    transition: .3s
}
.page-nav__list a {
    transition: .3s
}
.page-nav__list li {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.page-nav__list li:hover, .page-nav__list li:hover a {
    color: #fff
}
@media (max-width:400px) {
    .page-nav__list {
        font-size: 16px
    }
}
.big-img-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}
.big-img {
    width: 100%;
    
}
.big-img img {
    
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.small-img-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}
.small-img {
    width: 100%;
    padding-bottom: 66.66666666%;
    position: relative
}
.small-img img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}
.char-list {
    font-style: normal;
    font-size: 18px;
    line-height: 1.67;
    color: #FFF;
    margin-bottom: 30px
}
.char-list:last-child {
    margin-bottom: 0
}
.comment, .table {
    margin: 0 auto;
    width: 100%
}
@media (max-width:400px) {
    .char-list {
        font-size: 16px
    }
}
.table {
    max-width: 860px
}
.table__row {
    display: grid;
    grid-template-columns: 1fr 2fr 3fr 1fr;
    grid-gap: 0 24px;
    position: relative
}
.table__row::before {
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0
}
.table__row:nth-of-type(3n+1)::before {
    background: #9b51e0
}
.table__row:nth-of-type(3n+2)::before {
    background: #9B51E0
}
.table__row:nth-of-type(3n+3)::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#fb37ff), to(#9b51e0));
    background: -o-linear-gradient(#fb37ff, #9b51e0);
    background: linear-gradient(#fb37ff, #9b51e0)
}
.table__cell {
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #FFF;
    padding-top: 6px;
    padding-bottom: 6px
}
.table__cell:first-of-type {
    padding-left: 16px
}
.table__cell:last-of-type {
    padding-right: 16px
}
@media (max-width:640px) {
    .table__row {
        grid-template-columns: 1fr 1fr;
        grid-gap: 6px 24px
    }
    .table__cell:first-of-type {
        padding-left: 0
    }
    .table__cell:last-of-type {
        padding-right: 0
    }
    .table__cell {
        min-height: 42px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .table__cell:nth-of-type(odd) {
        padding-left: 16px
    }
    .table__cell:nth-of-type(even) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 16px
    }
    .table.col-3 .table__row {
        grid-gap: 6px 12px;
        grid-template-columns: 1fr 1fr 1fr
    }
}
@media (max-width:400px) {
    .table__cell:nth-of-type(odd) {
        padding-left: 0
    }
    .table__cell:nth-of-type(even) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 0
    }
    .table__cell {
        font-size: 16px
    }
}
.table.col-3 .table__row {
    grid-template-columns: 1fr 1fr 1fr
}
.table.col-3 .table__cell {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.table.col-2 .table__row {
    grid-template-columns: 1fr 1fr
}
@media (max-width:640px) {
    .table.col-3 .table__cell:last-of-type {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .table.col-2 .table__row {
        grid-gap: 6px 12px;
        grid-template-columns: 1fr 1fr
    }
}
.table.col-2 .table__cell {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.table.col-2 .table__cell:last-of-type {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.comment {
    max-width: 900px;
    position: relative;
    border-radius: 35px;
    z-index: 1;
    padding: 1px
}
.comment::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(281.18deg, #FB37FF, #222, #1BB2DE);
    background: linear-gradient(168.82deg, #FB37FF, #222, #1BB2DE);
    border-radius: 35px;
    z-index: -1;
    opacity: .8
}
.comment__inner {
    position: relative;
    z-index: 5;
    padding: 42px;
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: #FFF;
    border-radius: 35px;
    width: 100%;
    background: #111
}
@media (max-width:1024px) {
    .comment__inner {
        padding: 24px;
        font-size: 18px
    }
}
@media (max-width:400px) {
    .comment__inner {
        font-size: 16px
    }
}
.faq {
    margin-top: 30px
}
@media (max-width:1024px) {
    .faq {
        margin-top: 0
    }
}
.faq__title {
    color: #9B51E0
}
.faq__text {
    text-indent: initial
}
.footer {
    min-height: 110px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    padding: 0 35px
}
.footer .text {
    text-align: center
}
@media (max-width:1024px) {
    .footer {
        min-height: 56px;
        padding-bottom: 16px
    }
}