* {
    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;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

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

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

.pw-time {
    height: 48px;
    border-radius: 8px;
    background: #303030;
    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;
    gap: 6px;
}
.pw-time > p {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #B8B8B8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.16px;
}
.pw-time > p::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 8.33335H2.5M13.3333 1.66669V5.00002M6.66667 1.66669V5.00002M6.5 18.3334H13.5C14.9001 18.3334 15.6002 18.3334 16.135 18.0609C16.6054 17.8212 16.9878 17.4387 17.2275 16.9683C17.5 16.4335 17.5 15.7335 17.5 14.3334V7.33335C17.5 5.93322 17.5 5.23316 17.2275 4.69838C16.9878 4.22797 16.6054 3.84552 16.135 3.60584C15.6002 3.33335 14.9001 3.33335 13.5 3.33335H6.5C5.09987 3.33335 4.3998 3.33335 3.86502 3.60584C3.39462 3.84552 3.01217 4.22797 2.77248 4.69838C2.5 5.23316 2.5 5.93322 2.5 7.33335V14.3334C2.5 15.7335 2.5 16.4335 2.77248 16.9683C3.01217 17.4387 3.39462 17.8212 3.86502 18.0609C4.3998 18.3334 5.09987 18.3334 6.5 18.3334Z' stroke='%2300AAFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.pw-time > p > span {
    color: #F2FFFF;
}

.pw-time-wr {
    padding: 8px;
    margin-bottom: 8px;
}

.time {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
}
.time > span {
    color: rgba(255, 255, 255, 0.3);
    font-size: 20.773px;
    font-style: normal;
    font-weight: 300;
    line-height: 15.58px;
}
.time > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}
.time > .item > p {
    width: 16px;
    height: 20px;
    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;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 4px;
    background: #DFE4EA;
    color: #303030;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.096px;
}

.navigation {
    padding: 12px;
    padding-left: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    border-radius: 16px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #EDEDED inset;
            box-shadow: 0px 0px 0px 1px #EDEDED inset;
}
.navigation > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    list-style: none;
}
.navigation > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: rgb(112, 112, 112);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
}
.navigation > ul > li:hover > a {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    color: rgb(88, 88, 88);
}
.navigation > .item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.logo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
}
.logo:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_91_2048)'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0H24C30.6274 0 36 5.37258 36 12V18V24C36 30.6274 30.6274 36 24 36H12C5.37258 36 0 30.6274 0 24V12Z' fill='url(%23paint0_linear_91_2048)'/%3E%3C/g%3E%3Cpath d='M12 0.5H24C30.3513 0.5 35.5 5.64873 35.5 12V24C35.5 30.3513 30.3513 35.5 24 35.5H12C5.64873 35.5 0.5 30.3513 0.5 24V12C0.5 5.64873 5.64873 0.5 12 0.5Z' stroke='url(%23paint1_radial_91_2048)'/%3E%3Cpath d='M12 0.5H24C30.3513 0.5 35.5 5.64873 35.5 12V24C35.5 30.3513 30.3513 35.5 24 35.5H12C5.64873 35.5 0.5 30.3513 0.5 24V12C0.5 5.64873 5.64873 0.5 12 0.5Z' stroke='url(%23paint2_linear_91_2048)' stroke-opacity='0.2'/%3E%3Cpath d='M24.0878 20.2721C23.4362 19.8944 22.7011 19.7855 21.9729 19.7617C21.3621 19.7413 20.4518 19.3499 20.4518 18.2304C20.4554 17.8271 20.6164 17.4413 20.9006 17.1551C21.1848 16.869 21.5696 16.7054 21.9729 16.6992C22.7011 16.6736 23.4362 16.5647 24.0878 16.1887C24.6729 15.8499 25.1585 15.3631 25.4961 14.7772C25.8335 14.1913 26.0109 13.527 26.0104 12.8509C26.0099 12.1747 25.8315 11.5106 25.4931 10.9253C25.1548 10.3399 24.6684 9.85382 24.0828 9.51588C23.4972 9.17795 22.833 9.00003 22.1569 9C21.4807 8.99997 20.8165 9.17783 20.2308 9.51571C19.6452 9.85359 19.1587 10.3396 18.8204 10.925C18.482 11.5103 18.3035 12.1744 18.3029 12.8505C18.3029 13.5974 18.5683 14.2848 18.9086 14.9228C19.1928 15.4588 19.3374 16.4542 18.3591 17.0173C18.0054 17.214 17.5889 17.2644 17.1986 17.1575C16.8083 17.0506 16.4754 16.7951 16.2714 16.4456C15.8886 15.8331 15.4207 15.2546 14.7793 14.8854C14.1934 14.5475 13.5289 14.3697 12.8526 14.3699C12.1762 14.3701 11.5119 14.5483 10.9262 14.8866C10.3405 15.2249 9.85422 15.7113 9.51611 16.2971C9.178 16.8829 9 17.5472 9 18.2236C9 18.8999 9.178 19.5644 9.51611 20.1502C9.85422 20.7359 10.3405 21.2224 10.9262 21.5606C11.5119 21.8989 12.1762 22.0771 12.8526 22.0774C13.5289 22.0776 14.1934 21.8998 14.7793 21.5618C15.4258 21.1875 15.8886 20.6141 16.2714 20.0016C16.5862 19.4912 17.3705 18.8582 18.3591 19.4299C18.7063 19.6379 18.9581 19.9737 19.0606 20.3654C19.163 20.7569 19.1078 21.173 18.907 21.5243C18.5667 22.1624 18.3029 22.8498 18.3029 23.5967C18.303 24.2734 18.4811 24.9381 18.8194 25.5242C19.1578 26.1101 19.6444 26.5968 20.2304 26.9352C20.8164 27.2736 21.4811 27.4518 22.1578 27.4519C22.8345 27.452 23.4992 27.274 24.0854 26.9357C24.6714 26.5975 25.1582 26.1111 25.4967 25.5251C25.8352 24.9392 26.0135 24.2746 26.0138 23.5979C26.014 22.9212 25.8362 22.2564 25.4981 21.6702C25.16 21.084 24.6736 20.5971 24.0878 20.2585V20.2721Z' fill='%23E3F6FF'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_91_2048' x='0' y='-1' width='36' height='37' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%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%3CfeOffset dy='-1'/%3E%3CfeGaussianBlur stdDeviation='0.95'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_91_2048'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_91_2048' x1='18' y1='0' x2='18' y2='36' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300AAFF'/%3E%3Cstop offset='1' stop-color='%230096E2'/%3E%3C/linearGradient%3E%3CradialGradient id='paint1_radial_91_2048' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(18 36) rotate(-90) scale(36)'%3E%3Cstop stop-opacity='0.24'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint2_linear_91_2048' x1='18' y1='0' x2='18' y2='16.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Csvg%3E%0A");
}

.logo > p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.16px;
}
.logo > span {
    height: 24px;
    padding: 0px 5px;
    border-radius: 6px;
    background: #F2F2F2;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.48) inset, 0px 0px 0px 1px #E7E7E7;
            box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.48) inset, 0px 0px 0px 1px #E7E7E7;
    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;
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
}

.r-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.button {
    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;
}

.button-a {
    border-radius: 10px;
    background: #FFF;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(14, 18, 27, 0.12), 0px 0px 0px 1px #E1E4EA;
            box-shadow: 0px 1px 3px 0px rgba(14, 18, 27, 0.12), 0px 0px 0px 1px #E1E4EA;
    height: 40px;
    padding: 0px 14px;
    color: #525866;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.button-a:hover {
    background: #F4F4F4;
    -webkit-box-shadow: 0px 0px 0px 1px var(--stroke-soft-200, #E1E4EA);
            box-shadow: 0px 0px 0px 1px var(--stroke-soft-200, #E1E4EA);
}

.pw-welcome {
    margin-top: 113px;
}

.sponsors {
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6px;
    border-radius: 48px;
    border: 1px solid #E0E0E0;
    background: #F7F7F7;
    padding-right: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    gap: 8px;
    margin-bottom: 32px;
}
.sponsors > span {
    width: 1px;
    height: 12px;
    border-radius: 890px;
    background: #E0E0E0;
}
.sponsors > p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
}
.sponsors > p > span {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.sponsors:hover > p > span {
    color: #0AF;
}

.sponsors-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    isolation: isolate;
}
.sponsors-img > img {
    margin-left: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    outline: 1px solid #FFF;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: -1;
}
.sponsors-img > img:first-child {
    margin: 0;
}
.sponsors-img > img:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}

.welcome {
    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;
}
.welcome > h1 {
    color: #303030;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}
.welcome > p {
    color: #707070;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.096px;
}

.welcome-action {
    margin-top: 32px;
    margin-bottom: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
}

.button-b {
    padding: 0px 14px;
    height: 40px;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#0AF), to(#0096E2));
    background: linear-gradient(180deg, #0AF 0%, #0096E2 100%);
    -webkit-box-shadow: 0px 0px 0px 1px #E1E4EA;
            box-shadow: 0px 0px 0px 1px #E1E4EA;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.button-b:hover {
    opacity: 0.6;
}

.info {
    padding: 24px;
    border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#0AF), to(#0096E2));
    background: linear-gradient(180deg, #0AF 0%, #0096E2 100%);
}

.info-details {
    max-width: 589px;
    width: 100%;
    padding: 22px;
    padding-bottom: 17px;
    border-radius: 16px;
    background: linear-gradient(119deg, rgba(255, 255, 255, 0.12) 31.16%, rgba(255, 255, 255, 0) 153.57%);
}
.info-details > p {
    padding-left: 8px;
    margin-top: 18px;
    max-width: 488px;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.item-profile-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.item-profile-text > p {
    position: relative;
    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: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.item-profile-text > p::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82966 1.23124C9.17465 0.9657 9.5872 0.833231 9.99967 0.833332C10.4121 0.833231 10.8247 0.9657 11.1697 1.23124L12.1477 1.9822L13.3734 1.82092C14.2359 1.70725 15.0657 2.18789 15.3985 2.98999L15.8693 4.13055L17.0082 4.60074L17.0098 4.60142C17.8119 4.9342 18.2924 5.76444 18.1788 6.62695L18.0176 7.85157L18.769 8.83022C18.9675 9.08876 19.0918 9.38543 19.1415 9.69165C19.1777 9.91493 19.1744 10.1433 19.1313 10.3657C19.0759 10.6515 18.9551 10.9274 18.769 11.1698L18.0176 12.1484L18.1788 13.373C18.2924 14.2356 17.8119 15.0658 17.0098 15.3986L17.0082 15.3993L15.8693 15.8694L15.3985 17.01C15.0657 17.8121 14.2359 18.2927 13.3734 18.1791L12.1477 18.0178L11.1697 18.7688C10.8247 19.0343 10.4121 19.1668 9.99967 19.1667C9.5872 19.1668 9.17465 19.0343 8.82966 18.7688L7.85164 18.0178L6.62597 18.1791C5.76341 18.2927 4.93362 17.8121 4.60087 17.01L4.13002 15.8694L2.99117 15.3993L2.98954 15.3986C2.18743 15.0658 1.70694 14.2356 1.82059 13.373L1.98172 12.1484L1.23036 11.1698C1.01423 10.8883 0.886163 10.5617 0.846418 10.2268C0.78877 9.74118 0.91703 9.23824 1.23036 8.83022L1.98172 7.85157L1.82059 6.62695C1.70694 5.76444 2.18743 4.9342 2.98954 4.60142L2.99117 4.60074L4.13002 4.13055L4.60087 2.98999C4.93362 2.18789 5.76341 1.70725 6.62597 1.82092L7.85164 1.9822L8.82966 1.23124ZM13.5056 8.50592C13.831 8.18048 13.831 7.65285 13.5056 7.32741C13.1802 7.00197 12.6525 7.00197 12.3271 7.32741L9.16634 10.4882L8.08893 9.41074C7.76349 9.08531 7.23586 9.08531 6.91042 9.41074C6.58498 9.73618 6.58498 10.2638 6.91042 10.5893L8.57709 12.2559C8.90252 12.5814 9.43016 12.5814 9.7556 12.2559L13.5056 8.50592Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.item-profile-text > span {
    color: rgba(255, 255, 255, 0.64);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.item-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 11px;
}
.item-profile > img {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 100px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}
.item-profile.active {
    padding: 15px 20px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0.08)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.08) 100%);
    -webkit-backdrop-filter: blur(29.25px);
            backdrop-filter: blur(29.25px);
}

.info-details-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
}

.details-live {
    position: relative;
    height: 61px;
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.details-live::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 42px;
    background-image: url(../img/live-details.png);
    background-repeat: repeat no-repeat;
    background-size: 1249px 42px;
    -webkit-animation: 30s details-live infinite linear;
            animation: 30s details-live infinite linear;
}

@-webkit-keyframes details-live {
    0% {
        background-position-x: 1249px;
    }
    100% {
        background-position-x: 0px;
    }
}

@keyframes details-live {
    0% {
        background-position-x: 1249px;
    }
    100% {
        background-position-x: 0px;
    }
}
.recived-live {
    margin: 0;
    pointer-events: none;
    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;
    width: 364px;
    height: 357px;
    position: relative;
}

.recived-item {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 115px;
    opacity: 0.36;
    -webkit-transform: scale(0.94);
            transform: scale(0.94);
}

.swiper-slide-active + .swiper-slide > .recived-item {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 29px;
}

.recived-item {
    width: 100%;
    gap: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(rgba(255, 255, 255, 0.7)));
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.7) 100%);
    -webkit-backdrop-filter: blur(29.25px);
            backdrop-filter: blur(29.25px);
}
.recived-item > img {
    width: 52px;
    height: 52px;
    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;
}

.recived-item-text {
    margin-top: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.recived-item-text > span {
    color: #1E2A33;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: -0.108px;
}
.recived-item-text > span > span {
    color: #0D92FF;
}
.recived-item-text > p {
    max-width: 228px;
    width: 100%;
    color: rgba(30, 42, 51, 0.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.084px;
}

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

.pw-bd-wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 64px;
}
.pw-bd-wr > h2 {
    margin-top: 32px;
    color: #303030;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.64px;
}

.space-icon {
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    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;
    padding: 10px;
    border-radius: 789px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #EBEBEB;
            box-shadow: 0px 0px 0px 1px #EBEBEB;
}
.space-icon > img {
    width: 42px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}

.space {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.space > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 244px;
    width: 100%;
    height: 1px;
    position: relative;
    background: #EBEBEB;
}
.space > span::before, .space > span::after {
    position: absolute;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 9px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='8' height='8' rx='1.5' fill='white' stroke='%23E0E0E0'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.space > span::before {
    left: 0;
}
.space > span::after {
    right: 0;
}

.bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 64px;
    gap: 31px;
    padding: 20px;
    border-radius: 20px;
    background: #F7F7F7;
}

.bonus-rule {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.bonus-rule > p {
    margin-top: 16px;
    margin-bottom: 14px;
    max-width: 440px;
    width: 100%;
    margin-left: 14px;
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.108px;
}
.bonus-rule > p > span {
    color: #303030;
}

.bonus-example {
    max-width: 491px;
    width: 100%;
}
.bonus-example.min {
    display: none;
}

.bonus-rule-head {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 40px;
    padding: 0px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #303030;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    border-radius: 10px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #E1E4EA;
            box-shadow: 0px 0px 0px 1px #E1E4EA;
    position: relative;
    cursor: default;
}
.bonus-rule-head::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.98065 13.0136L2.2666 17.7277M9.74539 5.53489L8.44465 6.83562C8.33854 6.94173 8.28549 6.99478 8.22505 7.03693C8.1714 7.07435 8.11353 7.10532 8.05264 7.12921C7.98404 7.15611 7.91047 7.17083 7.76333 7.20026L4.70961 7.811C3.91602 7.96972 3.51923 8.04908 3.33359 8.25829C3.17187 8.44055 3.09802 8.68446 3.13148 8.92581C3.16989 9.20286 3.45602 9.48899 4.02829 10.0613L9.93307 15.966C10.5053 16.5383 10.7915 16.8244 11.0685 16.8628C11.3099 16.8963 11.5538 16.8224 11.736 16.6607C11.9452 16.4751 12.0246 16.0783 12.1833 15.2847L12.7941 12.231C12.8235 12.0839 12.8382 12.0103 12.8651 11.9417C12.889 11.8808 12.92 11.8229 12.9574 11.7693C12.9995 11.7088 13.0526 11.6558 13.1587 11.5497L14.4594 10.2489C14.5273 10.1811 14.5612 10.1472 14.5985 10.1176C14.6316 10.0913 14.6667 10.0675 14.7034 10.0465C14.7447 10.0229 14.7888 10.004 14.877 9.96621L16.9556 9.07537C17.5621 8.81548 17.8653 8.68553 18.003 8.47555C18.1234 8.29192 18.1665 8.06817 18.1229 7.85294C18.073 7.60682 17.8398 7.37356 17.3732 6.90704L13.0873 2.62109C12.6208 2.15457 12.3875 1.92131 12.1414 1.87141C11.9262 1.82778 11.7024 1.87087 11.5188 1.99132C11.3088 2.12905 11.1788 2.43226 10.9189 3.03867L10.0281 5.1173C9.99031 5.20548 9.97142 5.24957 9.9478 5.29092C9.92682 5.32765 9.90307 5.36272 9.87676 5.39584C9.84714 5.43313 9.81322 5.46705 9.74539 5.53489Z' stroke='%23D3D3D3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.bonus-rule-head:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9189 3.03867C11.1788 2.43226 11.3088 2.12905 11.5188 1.99132C11.7024 1.87087 11.9262 1.82778 12.1414 1.87141C12.3875 1.92131 12.6208 2.15457 13.0873 2.62109L17.3732 6.90704C17.8398 7.37356 18.073 7.60682 18.1229 7.85294C18.1665 8.06817 18.1234 8.29192 18.003 8.47555C17.8653 8.68553 17.5621 8.81548 16.9556 9.07537L14.877 9.96621C14.7888 10.004 14.7447 10.0229 14.7034 10.0465C14.6667 10.0675 14.6316 10.0913 14.5985 10.1176C14.5612 10.1472 14.5273 10.1811 14.4594 10.2489L13.1587 11.5497C13.0526 11.6558 12.9995 11.7088 12.9574 11.7693C12.92 11.8229 12.889 11.8808 12.8651 11.9417C12.8382 12.0103 12.8235 12.0839 12.7941 12.231L12.1833 15.2847C12.0246 16.0783 11.9452 16.4751 11.736 16.6607C11.5538 16.8224 11.3099 16.8963 11.0685 16.8628C10.7915 16.8244 10.5053 16.5383 9.93307 15.966L4.02829 10.0613C3.45602 9.48899 3.16989 9.20286 3.13148 8.92581C3.09802 8.68446 3.17187 8.44055 3.33359 8.25829C3.51923 8.04908 3.91602 7.96972 4.70961 7.811L7.76333 7.20026C7.91047 7.17083 7.98404 7.15611 8.05264 7.12921C8.11353 7.10532 8.1714 7.07435 8.22505 7.03693C8.28549 6.99478 8.33854 6.94173 8.44465 6.83562L9.74539 5.53489C9.81322 5.46705 9.84714 5.43313 9.87676 5.39584C9.90307 5.36272 9.92682 5.32765 9.9478 5.29092C9.97142 5.24957 9.99031 5.20548 10.0281 5.1173L10.9189 3.03867Z' fill='%23D3D3D3'/%3E%3Cpath d='M6.98065 13.0136L2.2666 17.7277M9.74539 5.53489L8.44465 6.83562C8.33854 6.94173 8.28549 6.99478 8.22505 7.03693C8.1714 7.07435 8.11353 7.10532 8.05264 7.12921C7.98404 7.15611 7.91047 7.17083 7.76333 7.20026L4.70961 7.811C3.91602 7.96972 3.51923 8.04908 3.33359 8.25829C3.17187 8.44055 3.09802 8.68446 3.13148 8.92581C3.16989 9.20286 3.45602 9.48899 4.02829 10.0613L9.93307 15.966C10.5053 16.5383 10.7915 16.8244 11.0685 16.8628C11.3099 16.8963 11.5538 16.8224 11.736 16.6607C11.9452 16.4751 12.0246 16.0783 12.1833 15.2847L12.7941 12.231C12.8235 12.0839 12.8382 12.0103 12.8651 11.9417C12.889 11.8808 12.92 11.8229 12.9574 11.7693C12.9995 11.7088 13.0526 11.6558 13.1587 11.5497L14.4594 10.2489C14.5273 10.1811 14.5612 10.1472 14.5985 10.1176C14.6316 10.0913 14.6667 10.0675 14.7034 10.0465C14.7447 10.0229 14.7888 10.004 14.877 9.96621L16.9556 9.07537C17.5621 8.81548 17.8653 8.68553 18.003 8.47555C18.1234 8.29192 18.1665 8.06817 18.1229 7.85294C18.073 7.60682 17.8398 7.37356 17.3732 6.90704L13.0873 2.62109C12.6208 2.15457 12.3875 1.92131 12.1414 1.87141C11.9262 1.82778 11.7024 1.87087 11.5188 1.99132C11.3088 2.12905 11.1788 2.43226 10.9189 3.03867L10.0281 5.1173C9.99031 5.20548 9.97142 5.24957 9.9478 5.29092C9.92682 5.32765 9.90307 5.36272 9.87676 5.39584C9.84714 5.43313 9.81322 5.46705 9.74539 5.53489Z' stroke='%23D3D3D3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bonus-mx {
    max-width: 438px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-left: 14px;
}
.bonus-mx > .item {
    cursor: default;
    height: 82px;
    width: 100%;
    padding: 10px 18px;
    border-radius: 10px;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.bonus-mx > .item:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}
.bonus-mx > .item:first-child {
    max-width: 203px;
}
.bonus-mx > .item > span {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.bonus-mx > .item > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #303030;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.bonus-mx > .item > p > img {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-fit: contain;
       object-fit: contain;
}

.bonus-example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.bonus-example > .item {
    padding: 8px 12px;
    border-radius: 8px;
    background: #FFF;
}
.bonus-example > .item > p {
    color: #21292F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.bonus-example > .item > p > span {
    cursor: default;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0px 6px;
    border-radius: 6px;
    border: 1px solid #EAEAEA;
    background: #F2F2F2;
    color: #707070;
    line-height: 20px;
    letter-spacing: -0.16px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.bonus-example > .item > p > span:hover {
    color: #303030;
}

.calc {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.calc-content {
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    max-width: 596px;
    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: 12px;
}
.calc-content > p {
    padding-right: 32px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #707070;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.096px;
}
.calc-content > p > span {
    color: #0AF;
}
.calc-content > .item {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: text;
    margin-top: 13px;
    height: 100px;
    border-radius: 16px;
    border: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding-right: 32px;
    gap: 6px;
    padding-left: 24px;
}
.calc-content > .item > img {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 36px;
    height: 36px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}
.calc-content > .item > span {
    position: absolute;
    top: -13px;
    left: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0px 6px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid #EAEAEA;
    background: #F2F2F2;
    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;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
}
.calc-content > .item > p {
    margin-top: 1px;
    color: #303030;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.144px;
}
.calc-content > .item > input {
    border-radius: 16px;
    border: none;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    color: #303030;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.144px;
}

.extra {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    z-index: -1;
    position: absolute;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.144px;
}

.calc-info {
    min-height: 316px;
    padding: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius: 20px;
    background-color: #0AF;
    overflow: hidden;
    position: relative;
    background-image: url(../img/calc-info.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}

.calc-info-text {
    padding: 16px;
    border-radius: 12px;
    border: 0.268px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(119deg, rgba(255, 255, 255, 0.12) 31.16%, rgba(255, 255, 255, 0) 153.57%);
}
.calc-info-text > p {
    max-width: 327px;
    width: 100%;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.108px;
}
.calc-info-text > p > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 24px;
    padding: 0px 6px;
    border-radius: 6px;
    background: #FFF;
    color: #0AF;
    line-height: 20px;
    letter-spacing: -0.18px;
}

.lv {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.lv-a {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    top: -20px;
    right: 40px;
    width: 76px;
    height: 76px;
    background-image: url(../img/lv-a.png);
    -webkit-animation: 6s lv-a infinite linear;
            animation: 6s lv-a infinite linear;
}

.lv-b {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    bottom: 54px;
    left: 0;
    width: 114px;
    height: 114px;
    background-image: url(../img/lv-b.png);
    -webkit-animation: 6s lv-b infinite linear;
            animation: 6s lv-b infinite linear;
}

@-webkit-keyframes lv-a {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
    10% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes lv-a {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
    10% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes lv-b {
    0% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
    50% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
}
@keyframes lv-b {
    0% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
    50% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
}
.pw-pt {
    margin-top: 64px;
    padding-top: 64px;
    padding-bottom: 96px;
    background: #F7F7F7;
}

.live {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.live > img {
    width: 22px;
    height: 18px;
    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;
}
.live > p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.096px;
}

.pw-pt-wr {
    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;
}
.pw-pt-wr > span {
    height: 40px;
    white-space: nowrap;
    padding: 0px 14px;
    border-radius: 10px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #E1E4EA;
            box-shadow: 0px 0px 0px 1px #E1E4EA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #303030;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    position: relative;
}
.pw-pt-wr > span::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_73_1408)'%3E%3Cpath d='M10.0003 4.99996V18.3333M10.0003 4.99996H7.0539C6.61976 4.99996 6.20341 4.82436 5.89643 4.5118C5.58945 4.19924 5.41699 3.77532 5.41699 3.33329C5.41699 2.89127 5.58945 2.46734 5.89643 2.15478C6.20341 1.84222 6.61976 1.66663 7.0539 1.66663C9.34556 1.66663 10.0003 4.99996 10.0003 4.99996ZM10.0003 4.99996H12.9468C13.3809 4.99996 13.7972 4.82436 14.1042 4.5118C14.4112 4.19924 14.5837 3.77532 14.5837 3.33329C14.5837 2.89127 14.4112 2.46734 14.1042 2.15478C13.7972 1.84222 13.3809 1.66663 12.9468 1.66663C10.6551 1.66663 10.0003 4.99996 10.0003 4.99996ZM16.667 9.16663V15.6666C16.667 16.6 16.667 17.0668 16.4853 17.4233C16.3255 17.7369 16.0706 17.9918 15.757 18.1516C15.4005 18.3333 14.9337 18.3333 14.0003 18.3333L6.00033 18.3333C5.0669 18.3333 4.60019 18.3333 4.24367 18.1516C3.93007 17.9918 3.6751 17.7369 3.51531 17.4233C3.33366 17.0668 3.33366 16.6 3.33366 15.6666V9.16663M1.66699 6.33329L1.66699 7.83329C1.66699 8.3 1.66699 8.53336 1.75782 8.71162C1.83771 8.86842 1.9652 8.9959 2.122 9.0758C2.30026 9.16662 2.53362 9.16662 3.00033 9.16663L17.0003 9.16663C17.467 9.16663 17.7004 9.16663 17.8787 9.0758C18.0355 8.9959 18.1629 8.86842 18.2428 8.71162C18.3337 8.53336 18.3337 8.3 18.3337 7.83329V6.33329C18.3337 5.86658 18.3337 5.63323 18.2428 5.45497C18.1629 5.29817 18.0355 5.17068 17.8787 5.09079C17.7004 4.99996 17.467 4.99996 17.0003 4.99996L3.00033 4.99996C2.53362 4.99996 2.30026 4.99996 2.122 5.09079C1.9652 5.17068 1.83771 5.29817 1.75782 5.45497C1.66699 5.63323 1.66699 5.86658 1.66699 6.33329Z' stroke='%23D3D3D3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_73_1408'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.pw-pt-wr > h3 {
    color: #303030;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.64px;
    margin-top: 24px;
}
.pw-pt-wr > h3 > span {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.pw-pt-wr > h3:hover > span {
    color: #00A9FD;
}
.pw-pt-wr > p {
    margin-top: 16px;
    color: #707070;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.108px;
}

.pw-pt-content {
    margin-top: 32px;
    max-width: 738px;
    width: 100%;
    padding: 24px;
    border-radius: 12px;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}

.qr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 184px;
    height: 184px;
}
.qr > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.qr-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: 12px;
}
.qr-item > p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.096px;
}

.qr-item-place {
    padding-left: 14px;
    padding-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 11px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #EBEBEB;
}
.qr-item-place > 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;
}

.qr-info {
    overflow: hidden;
    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: 24px;
}

.copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.copy-active {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none;
}

.copy.active > .copy-static {
    display: none;
}
.copy.active > .copy-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.copy-active {
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 0px 14px;
    height: 40px;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 170, 255, 0.08)), to(rgba(0, 150, 226, 0.08)));
    background: linear-gradient(180deg, rgba(0, 170, 255, 0.08) 0%, rgba(0, 150, 226, 0.08) 100%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #00A7FA;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    position: relative;
}
.copy-active::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 2H9.73333C11.2268 2 11.9735 2 12.544 2.29065C13.0457 2.54631 13.4537 2.95426 13.7094 3.45603C14 4.02646 14 4.77319 14 6.26667V11M4.13333 14H9.53333C10.2801 14 10.6534 14 10.9387 13.8547C11.1895 13.7268 11.3935 13.5229 11.5213 13.272C11.6667 12.9868 11.6667 12.6134 11.6667 11.8667V6.46667C11.6667 5.71993 11.6667 5.34656 11.5213 5.06135C11.3935 4.81046 11.1895 4.60649 10.9387 4.47866C10.6534 4.33333 10.2801 4.33333 9.53333 4.33333H4.13333C3.3866 4.33333 3.01323 4.33333 2.72801 4.47866C2.47713 4.60649 2.27316 4.81046 2.14532 5.06135C2 5.34656 2 5.71993 2 6.46667V11.8667C2 12.6134 2 12.9868 2.14532 13.272C2.27316 13.5229 2.47713 13.7268 2.72801 13.8547C3.01323 14 3.3866 14 4.13333 14Z' stroke='%2301A8FC' stroke-opacity='0.48' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pw-ft {
    padding: 24px 0;
    background: #F7F7F7;
}
.pw-ft > .container > .navigation {
    background: none;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.pw-ft > .container > p {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    display: none;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.096px;
}

.faq {
    margin: 96px auto;
    max-width: 860px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
}

.faq-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 332px;
    width: 100%;
}
.faq-info > span {
    color: #AFAFAF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.096px;
    margin-bottom: 10px;
}
.faq-info > h4 {
    margin-bottom: 16px;
    color: #303030;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.24px;
}
.faq-info > p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.096px;
}

.faq-content {
    padding-top: 36px;
    max-width: 420px;
    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: 16px;
}
.faq-content > .item {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding-bottom: 16px;
    border-bottom: 1px solid #EBEBEB;
}
.faq-content > .item.active {
    padding: 0;
}
.faq-content > .item.active > .head-faq::after {
    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='M5 12H19' stroke='%23AFAFAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.head-faq {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
}
.head-faq > p {
    width: 100%;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.096px;
}
.head-faq::after {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    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 5V19M5 12H19' stroke='%23AFAFAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.body-faq {
    padding-right: 38px;
    display: none;
    padding: 8px 0;
}
.body-faq > * {
    color: #939393;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.096px;
}

.space-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.space-b > p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 1px;
    border-radius: 11px;
    background: #EDEDED;
}
.space-b > span {
    width: 2px;
    height: 16px;
    border-radius: 11px;
    background: #EDEDED;
}
.space-b > span:first-child, .space-b > span:last-child {
    background: #0AF;
}

.live-wr {
    margin-top: 48px;
    margin-bottom: 96px;
    overflow-x: auto;
}

.live-wr-content {
    width: 100%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    border-radius: 24px;
    background: #F7F7F7;
    padding: 16px;
}
.live-wr-content > table {
    width: 100%;
    border-spacing: 0px;
}
.live-wr-content > table > thead > tr > td {
    white-space: nowrap;
    padding: 0px 18px;
    padding-bottom: 17px;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
}
.live-wr-content > table > thead > tr > td:last-child {
    padding-right: 8px;
}
.live-wr-content > table > tbody > tr {
    -webkit-animation: 0.4s show;
            animation: 0.4s show;
}
.live-wr-content > table > tbody > tr > td {
    white-space: nowrap;
    color: #303030;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
    border-bottom: 8px solid #F7F7F7;
}
.live-wr-content > table > tbody > tr > td > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #FFF;
    padding: 0px 18px;
    height: 56px;
}
.live-wr-content > table > tbody > tr > td:first-child > .item {
    border-radius: 12px 0 0 12px;
}
.live-wr-content > table > tbody > tr > td:last-child {
    width: 1%;
}
.live-wr-content > table > tbody > tr > td:last-child > .item {
    padding-right: 8px;
    border-radius: 0 12px 12px 0;
}
.live-wr-content > table > tbody > tr:last-child > td {
    border-bottom: none;
}

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

@keyframes show {
    0% {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}
.sent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
}
.sent::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 16.6666V3.33325M10 3.33325L5 8.33325M10 3.33325L15 8.33325' stroke='%23D3D3D3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.sent > p {
    color: #303030;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
}
.sent > span {
    height: 24px;
    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;
    border-radius: 6px;
    border: 1px solid #EAEAEA;
    background: #F2F2F2;
    padding: 0px 6px;
    margin-left: 4px;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
}

.status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    padding: 0px 14px;
    height: 40px;
    border-radius: 10px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #E1E4EA;
            box-shadow: 0px 0px 0px 1px #E1E4EA;
    position: relative;
}
.status::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99967 0.833252C4.93706 0.833252 0.833008 4.93731 0.833008 9.99992C0.833008 15.0625 4.93706 19.1666 9.99967 19.1666C15.0623 19.1666 19.1663 15.0625 19.1663 9.99992C19.1663 4.93731 15.0623 0.833252 9.99967 0.833252ZM14.3389 8.08917C14.6644 7.76374 14.6644 7.2361 14.3389 6.91066C14.0135 6.58523 13.4859 6.58523 13.1604 6.91066L8.74967 11.3214L6.83893 9.41066C6.51349 9.08523 5.98586 9.08523 5.66042 9.41066C5.33498 9.7361 5.33498 10.2637 5.66042 10.5892L8.16042 13.0892C8.48586 13.4146 9.01349 13.4146 9.33893 13.0892L14.3389 8.08917Z' fill='%2300AAFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.status > p {
    color: #303030;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
}

.pw-wr {
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='964' viewBox='0 0 1920 964' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H1920V932C1920 949.673 1905.67 964 1888 964H32C14.3269 964 0 949.673 0 932V0Z' fill='%23F7F7F7'/%3E%3Crect x='417' y='56' width='1' height='908' fill='%23EDEDED'/%3E%3Crect x='182' y='152' width='1' height='462' fill='%23EDEDED'/%3E%3Crect x='1742' y='152' width='1' height='462' fill='%23EDEDED'/%3E%3Crect x='1502' y='56' width='1' height='908' fill='%23EDEDED'/%3E%3Crect y='153' width='1' height='1920' transform='rotate(-90 0 153)' fill='%23EDEDED'/%3E%3Crect y='614' width='1' height='1920' transform='rotate(-90 0 614)' fill='%23EDEDED'/%3E%3Crect x='1743' y='362' width='1' height='177' transform='rotate(-90 1743 362)' fill='%23EDEDED'/%3E%3Crect width='1' height='182' transform='matrix(0 -1 -1 0 182 362)' fill='%23EDEDED'/%3E%3Crect x='413.5' y='148.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='178.5' y='148.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='1738.5' y='148.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='413.5' y='609.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='178.5' y='609.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='1738.5' y='609.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='1738.5' y='357.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='-0.5' y='0.5' width='8' height='8' rx='1.5' transform='matrix(-1 0 0 1 186 357)' fill='white' stroke='%23EDEDED'/%3E%3Crect x='1503.5' y='609.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3Crect x='1498.5' y='148.5' width='8' height='8' rx='1.5' fill='white' stroke='%23EDEDED'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pw-info {
    margin-bottom: -126px;
}

.pw-bd {
    margin-top: 126px;
}
.pw-bd.xs {
    margin-top: 0;
}

@media screen and (max-width: 1052px) {
    .pw-header {
        display: none;
    }
    .info > .recived-live {
        display: none;
    }
    .bonus {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .calc-content {
        display: none;
    }
    .pw-pt-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .faq {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .pw-ft > .container > .navigation {
        display: none;
    }
    .pw-ft > .container > p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .container {
        padding: 0px 12px;
    }
    .pw-time-wr {
        padding: 12px;
        margin: 0;
    }
    .pw-welcome {
        margin-top: 64px;
    }
    .welcome > h1 {
        font-size: 32px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -0.64px;
        margin-bottom: 8px;
    }
    .welcome > p {
        max-width: 376px;
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.096px;
    }
    .welcome > p > br {
        display: none;
    }
    .welcome-action {
        margin-bottom: 48px;
    }
    .info-details {
        max-width: 100%;
        padding: 0;
        background: none;
    }
    .info {
        padding: 20px 14px;
        padding-bottom: 24px;
    }
    .info-details > p {
        max-width: 100%;
        padding: 0px;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }
    .bonus-mx {
        max-width: 100%;
    }
    .info-details-profile {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 12px;
        padding-left: 8px;
    }
    .item-profile {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 8px;
    }
    .item-profile > img {
        width: 36px;
        height: 36px;
    }
    .item-profile.active {
        padding: 10px;
    }
    .pw-info {
        margin: 0;
    }
    .pw-bd {
        margin-top: 0;
    }
    .pw-bd-wr {
        margin-top: 32px;
    }
    .pw-bd-wr > h2 {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: -0.48px;
    }
    .steps {
        gap: 32px;
        margin-top: 32px;
    }
    .bonus-example {
        max-width: 100%;
        padding: 14px;
        border-radius: 20px;
        background: #F7F7F7;
        display: none;
    }
    .bonus-example.min {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .bonus-example.min > .item {
        padding-inline: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .bonus {
        gap: 18px;
        padding: 0;
        background: none;
    }
    .bonus-rule-head {
        margin-top: -34px;
    }
    .bonus-rule {
        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;
        border-radius: 20px;
        background: #F7F7F7;
        padding: 14px;
    }
    .bonus-rule > p {
        margin-inline: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.096px;
    }
    .bonus-rule > .bonus-mx {
        margin: 0;
        gap: 10px;
    }
    .bonus-rule > .bonus-mx > .item:first-child {
        max-width: 168px;
    }
    .pw-pt {
        margin-top: 24px;
        padding: 32px 0;
    }
    .pw-pt-content {
        max-width: 100%;
        padding: 32px 14px;
    }
    .pw-pt-wr > h3 {
        margin-top: 32px;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: -0.48px;
    }
    .pw-pt-wr > p {
        margin-top: 12px;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.096px;
    }
    .qr-item {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .pw-pt-content {
        gap: 32px;
    }
    .qr-info {
        gap: 32px;
    }
    .qr-item-place {
        padding: 0;
        border: none;
        background: none;
        height: auto;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
    }
    .qr-item-place > p {
        height: 48px;
        border-radius: 12px;
        border: 1px solid #EBEBEB;
        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;
    }
    .live-wr {
        width: calc(100% + 24px);
        margin-inline: -12px;
        padding: 0px 12px;
    }
    .faq-info > h4 {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: -0.144px;
        margin-bottom: 8px;
    }
    .copy {
        width: 100%;
    }
    .copy > * {
        width: 100%;
    }
    .live-wr {
        margin-top: 32px;
        margin-bottom: 64px;
    }
    .space-b {
        display: none;
    }
    .faq-content {
        max-width: 100%;
        padding: 0;
    }
    .pw-ft {
        padding: 20px 0;
    }
    .faq {
        gap: 32px;
        margin-top: 0;
        margin-bottom: 24px;
    }
    .pw-wr {
        background-image: none;
    }
}
@media screen and (max-width: 576px) {
    .welcome-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        gap: 8px;
    }
}

@supports (-webkit-touch-callout: none) {
  .container {
    padding-left: 10px !important;
  }
  .pw-info .container {
    padding-left: 0 !important;
    padding-right: 16px !important;
  }
  #ios-video {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    position: relative !important;
    max-width: 100vw !important;
    width: 100vw !important;
    background: #111 !important;
    border-radius: 16px !important;
  }
  .video-player-minimal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

/* --- Video Player Wrapper --- */
.video-player-wrapper {
    max-width: 700px;
    width: 100%;
    height: 400px; /* или auto, если нужна адаптивность */
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background: #000;
    border-radius: 16px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.08);
    padding: 0;
}
@media (max-width: 750px) {
    .video-player-wrapper {
        max-width: 100vw;
        height: 56vw;
        border-radius: 8px;
    }
}

/* --- Video Player Overlay Centered Play Button --- */
.video-player-minimal {
    justify-content: center;
    align-items: center;
    display: flex;
}
.about-event.target-anchor {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center; /* исправлено с stretch на center */
    justify-content: center; /* добавлено */
}
#main-video,
#ios-video {
    position: relative;
    display: block;
    margin: 0 auto; /* центрируем видео */
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 16px;
    background: #000;
}
.custom-play-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: none;
    pointer-events: auto;
    cursor: pointer;
}
.custom-play-overlay svg {
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.12);
    border-radius: 50%;
    transition: transform 0.2s;
}
.custom-play-overlay:hover svg {
    transform: scale(1.08);
}

/* --- iOS Video Center Fix --- */
#ios-video {
  display: block;
  width: 100vw;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  margin: 0;
  max-width: 100vw;
  max-height: 100%;
  background: #111;
  border-radius: 16px;
  position: static;
}
@media (max-width: 700px) {
  .video-player-minimal {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.player-center-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.video-player-wrapper {
    border: 4px solid lab(66.5% -6.22 -52.07);
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* overflow: hidden; */
    position: relative;
    background: #000;
    border-radius: 16px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.08);
    padding: 0;
}

.pw-info .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}