* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1882352941);
    border-radius: 5px;
}

::-webkit-scrollbar-track-piece {
    background: rgba(255, 255, 255, 0.1882352941);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

::-webkit-resizer {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

body {
    background: #FFF;
}

a, button, textarea, input {
    outline: none;
    text-decoration: none;
}

ul {
    list-style: none;
}

.container {
    max-width: 1212px;
    width: 100%;
    padding: 0px 16px;
    margin: 0px auto;
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.header > .item {
    gap: 6px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header > .item:last-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.header > .item > img {
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: left center;
       object-position: left center;
    -o-object-fit: contain;
       object-fit: contain;
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: none;
    background: none;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.btn:hover {
    opacity: 0.6;
}

.btn-ot {
    padding: 0px 14px;
    color: var(--text-sub-600, #525866);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    height: 40px;
    border-radius: var(--radius-10, 10px);
    background: var(--bg-white-0, #FFF);
    -webkit-box-shadow: 0 1px 3px 0 rgba(14, 18, 27, 0.12), 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
            box-shadow: 0 1px 3px 0 rgba(14, 18, 27, 0.12), 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
}

nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
nav > ul > li > a {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
}
nav > ul > li > a:hover {
    opacity: 0.6;
}

.header-wrapper {
    padding: 16px 0;
}

.welcome-wrapper {
    padding: 66px 0;
}

.welcome-image {
    width: 100%;
}
.welcome-image > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}

.welcome {
    gap: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.welcome-info {
    padding-top: 58px;
    max-width: 504px;
    width: 100%;
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.welcome-info > h1 {
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: -0.288px;
}
.welcome-info > p {
    color: #5E5E5E;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.108px;
    margin-bottom: 20px;
}
.welcome-info > .sponsor {
    margin-bottom: 12px;
}

.sponsor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    border-radius: 48px;
    border: 1px solid #E0E0E0;
    background: #F7F7F7;
    padding: 6px;
    padding-right: 12px;
}
.sponsor > img {
    height: 24px;
}
.sponsor > p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
}
.sponsor > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 890px;
    background: #E0E0E0;
    width: 1px;
    height: 12px;
}

.btn-ar {
    padding: 0px 14px;
    height: 44px;
    border-radius: var(--radius-10, 10px);
    background: var(--Linear, linear-gradient(180deg, #070707 0%, #070707 100%));
    -webkit-box-shadow: 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
            box-shadow: 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    position: relative;
}
.btn-ar::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L13.5858 12L8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.h-text {
    color: #303030;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.64px;
}

.steps {
    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;
    gap: 48px;
}

.steps-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 60px;
}
.steps-body > .item {
    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;
    gap: 11px;
}
.steps-body > .item > span {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 6px;
    border-radius: 6px;
    border: 1px solid #EAEAEA;
    background: #F2F2F2;
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
}
.steps-body > .item > p {
    color: #707070;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.096px;
}

.spacer-wrapper {
    height: 41px;
    width: 100%;
    margin: 30px 0;
    background-image: url("data:image/svg+xml,%3Csvg width='582' height='41' viewBox='0 0 582 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='21' width='231' height='1' fill='%23EBEBEB'/%3E%3Crect x='0.5' y='17.5' width='8' height='8' rx='1.5' fill='white' stroke='%23E0E0E0'/%3E%3Crect x='235.5' y='17.5' width='8' height='8' rx='1.5' fill='white' stroke='%23E0E0E0'/%3E%3Crect x='346' y='21' width='231' height='1' fill='%23EBEBEB'/%3E%3Crect x='338.5' y='17.5' width='8' height='8' rx='1.5' fill='white' stroke='%23E0E0E0'/%3E%3Crect x='573.5' y='17.5' width='8' height='8' rx='1.5' fill='white' stroke='%23E0E0E0'/%3E%3Cg filter='url(%23filter0_d_15_1467)'%3E%3Crect x='260' y='1' width='62' height='38.4519' rx='19.226' fill='white'/%3E%3Cpath d='M296.581 22.2721C295.929 21.8944 295.194 21.7855 294.466 21.7617C293.855 21.7413 292.945 21.3499 292.945 20.2304C292.949 19.8271 293.11 19.4413 293.394 19.1551C293.678 18.869 294.063 18.7054 294.466 18.6992C295.194 18.6736 295.929 18.5647 296.581 18.1887C297.166 17.8499 297.652 17.3631 297.989 16.7772C298.327 16.1913 298.504 15.527 298.504 14.8509C298.503 14.1747 298.325 13.5106 297.986 12.9253C297.648 12.3399 297.162 11.8538 296.576 11.5159C295.99 11.178 295.326 11 294.65 11C293.974 11 293.31 11.1778 292.724 11.5157C292.138 11.8536 291.652 12.3396 291.314 12.925C290.975 13.5103 290.797 14.1744 290.796 14.8505C290.796 15.5974 291.061 16.2848 291.402 16.9228C291.686 17.4588 291.831 18.4542 290.852 19.0173C290.499 19.214 290.082 19.2644 289.692 19.1575C289.301 19.0506 288.969 18.7951 288.765 18.4456C288.382 17.8331 287.914 17.2546 287.272 16.8854C286.687 16.5475 286.022 16.3697 285.346 16.3699C284.669 16.3701 284.005 16.5483 283.419 16.8866C282.834 17.2249 282.347 17.7113 282.009 18.2971C281.671 18.8829 281.493 19.5472 281.493 20.2236C281.493 20.8999 281.671 21.5644 282.009 22.1502C282.347 22.7359 282.834 23.2224 283.419 23.5606C284.005 23.8989 284.669 24.0771 285.346 24.0774C286.022 24.0776 286.687 23.8998 287.272 23.5618C287.919 23.1875 288.382 22.6141 288.765 22.0016C289.079 21.4912 289.864 20.8582 290.852 21.4299C291.199 21.6379 291.451 21.9737 291.554 22.3654C291.656 22.7569 291.601 23.173 291.4 23.5243C291.06 24.1624 290.796 24.8498 290.796 25.5967C290.796 26.2734 290.974 26.9381 291.313 27.5242C291.651 28.1101 292.138 28.5968 292.724 28.9352C293.31 29.2736 293.974 29.4518 294.651 29.4519C295.328 29.452 295.992 29.274 296.579 28.9357C297.165 28.5975 297.651 28.1111 297.99 27.5251C298.328 26.9392 298.507 26.2746 298.507 25.5979C298.507 24.9212 298.329 24.2564 297.991 23.6702C297.653 23.084 297.167 22.5971 296.581 22.2585V22.2721Z' fill='%230143C0'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_15_1467' x='259' y='0' width='64' height='40.4519' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='1' operator='dilate' in='SourceAlpha' result='effect1_dropShadow_15_1467'/%3E%3CfeOffset/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.921569 0 0 0 0 0.921569 0 0 0 0 0.921569 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_15_1467'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_15_1467' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.steps-wrapper {
    padding-bottom: 90px;
}

.about-wrapper {
    background: var(--Linear, linear-gradient(180deg, #070707 0%, #070707 100%));
    padding: 52px 0;
}

.about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 64px;
}
.about > span {
    width: 2px;
    height: 131px;
    background: rgba(255, 255, 255, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.about > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 22px;
}
.about > .item > p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.about > .item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
}
.about > .item > span > img {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.participate-wrapper {
    padding-top: 110px;
    padding-bottom: 88px;
}

.participate {
    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;
    gap: 32px;
}

.participate-content {
    max-width: 1084px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
}
.participate-content > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 16px;
    padding-right: 44px;
    border-radius: 32px;
    border: 1px solid #F5F5F5;
    background: #FFF;
}
.participate-content > .item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    color: #21292F;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 98.173%;
}
.participate-content > .item > span > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 24px;
}
.participate-content > .item > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 18px;
}
.participate-content > .item > ul > li {
    color: #21292F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 98.173%;
}
.participate-content > .item > ul > li > span {
    color: #070707;
}

.qr {
    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;
    gap: 16px;
}

.qr-content {
    max-width: 738px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
}
.qr-content > .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
}
.qr-content > .item > p {
    color: #707070;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.108px;
}

.qr-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    padding: 24px;
    border-radius: 12px;
    background: rgba(107, 107, 107, 0.06);
}
.qr-item > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
    width: 184px;
    height: 184px;
}

.qr-item-info {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
.qr-item-info > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 10px;
}
.qr-item-info > .item > span {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.096px;
}
.qr-item-info > .item > span > img {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.qr-item-text {
    overflow: hidden;
    padding: 4px;
    padding-left: 14px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid #EBEBEB;
    background: #FFF;
}
.qr-item-text > p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    color: #21292F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.096px;
}

.copy {
    height: 40px;
    padding: 0px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: var(--radius-10, 10px);
    background: var(--Linear, linear-gradient(180deg, #070707 0%, #070707 100%));
    -webkit-box-shadow: 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
            box-shadow: 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.copy:hover {
    opacity: 0.6;
}

.warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    position: relative;
}
.warning::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='url(%23paint0_linear_15_2073)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_15_2073' x1='12' y1='2' x2='12' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231C1C1C'/%3E%3Cstop offset='1' stop-color='%231C1C1C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.warning > p {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    background: var(--Linear, linear-gradient(180deg, #070707 0%, #070707 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-wrapper {
    padding: 32px 0;
    padding-top: 42px;
}

.live-wrapper {
    padding-top: 88px;
}

.live {
    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;
    gap: 32px;
}

.live-content {
    overflow-x: auto;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #EAECF0;
}
.live-content > table {
    width: 100%;
    border-spacing: 0px;
}
.live-content > table > thead > tr > td {
    padding: 16px 14px;
    color: #717584;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-bottom: 1px solid #EAECF0;
}
.live-content > table > thead > tr > td:first-child {
    padding-left: 30px;
}
.live-content > table > thead > tr > td:last-child {
    padding-right: 30px;
    text-align: right;
}
.live-content > table > tbody > tr {
    -webkit-animation: 0.2s show;
            animation: 0.2s show;
}
.live-content > table > tbody > tr:first-child > td {
    padding-top: 16px;
}
.live-content > table > tbody > tr:last-child > td {
    padding-bottom: 16px;
}
.live-content > table > tbody > tr > td {
    border-bottom: 4px solid rgba(255, 255, 255, 0);
}
.live-content > table > tbody > tr > td:first-child {
    padding-left: 16px;
}
.live-content > table > tbody > tr > td:first-child > .item {
    border-radius: 6px 0 0 6px;
}
.live-content > table > tbody > tr > td:last-child {
    padding-right: 16px;
}
.live-content > table > tbody > tr > td:last-child > .item {
    border-radius: 0 6px 6px 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #070707;
}
.live-content > table > tbody > tr > td > .item {
    white-space: nowrap;
    height: 38px;
    background: #FAFAFC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 0 14px;
    color: #344054;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.live-content > table > tbody > tr > td > .item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.live-content > table > tbody > tr > td > .item > span.btc {
    background-image: url(../img/btc.svg);
}
.live-content > table > tbody > tr > td > .item > span.eth {
    background-image: url(../img/eth.svg);
}
.live-content > table > tbody > tr > td > .item > span.xrp {
    background-image: url(../img/xrp.svg);
}

@-webkit-keyframes show {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}

@keyframes show {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}
.copy {
    white-space: nowrap;
}
.copy > span:last-child {
    display: none;
}
.copy.active > span {
    display: none;
}
.copy.active > span:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    gap: 4px;
    padding: 4px;
    background: #F7F7F7;
}
.lang > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lang > form > button {
    border: none;
    background: none;
    height: 100%;
    padding: 0 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: var(--text-sub-600, #525866);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    border-radius: 8px;
}
.lang > form.active > button {
    background: var(--bg-white-0, #FFF);
    -webkit-box-shadow: 0 1px 3px 0 rgba(14, 18, 27, 0.12), 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
            box-shadow: 0 1px 3px 0 rgba(14, 18, 27, 0.12), 0 0 0 1px var(--stroke-soft-200, #E1E4EA);
}

@media screen and (max-width: 1212px) {
    .steps-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .participate-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    nav {
        display: none;
    }
    .welcome-image {
        display: none;
    }
    .welcome-wrapper {
        padding-top: 0;
    }
    .welcome-info {
        max-width: 100%;
        width: 100%;
    }
    .welcome-info > h1 {
        font-size: 36px;
        line-height: 130%;
    }
    .welcome-info > p {
        font-size: 16px;
    }
    .welcome-info > .sponsor {
        margin: 0;
    }
    .sponsor > p {
        font-size: 14px;
    }
    .header > .item > img {
        height: 32px;
    }
    .btn-ot {
        font-size: 14px;
    }
    .btn-ar {
        font-size: 14px;
    }
    .h-text {
        font-size: 24px;
    }
    .h-text > br {
        display: none;
    }
    .steps-body {
        gap: 34px;
    }
    .steps-body > .item > p {
        font-size: 14px;
    }
    .steps {
        gap: 30px;
    }
    .about {
        gap: 34px;
    }
    .about > span {
        width: 100%;
        height: 2px;
    }
    .about > .item > p {
        font-size: 14px;
        line-height: 180%;
    }
    .participate-content > .item {
        border-radius: 12px;
        padding: 16px;
    }
    .participate-content > .item > ul {
        gap: 12px;
    }
    .participate-content > .item > ul > li > span {
        font-size: 14px;
        line-height: 160%;
    }
    .qr-content > .item {
        gap: 16px;
    }
    .qr-content > .item > p {
        font-size: 14px;
    }
    .live-content > table > tbody > tr > td > .item {
        font-size: 14px;
    }
    .live {
        gap: 24px;
    }
    .qr-item {
        -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;
    }
    .qr-item-text > p {
        font-size: 14px;
    }
    .copy {
        font-size: 14px;
    }
    .participate-wrapper {
        padding: 60px 0;
    }
    .live-wrapper {
        padding-top: 60px;
    }
}