* {
    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%3C/svg%3E%0A");
}
.logo::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 36px;
    height: 36px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    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_2709)'%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_2709)'/%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_2709)'/%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_2709)' 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='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_91_2709' 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_2709'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_91_2709' 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_2709' 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_2709' 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%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.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%0A");
}

.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%0A");
    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: 162px;
    }
    .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;
    }
    .bonus-rule {
        margin: 0px -12px;
        width: calc(100% + 24px);
        padding: 0px 9px;
        padding-bottom: 10px;
    }
    .bonus-rule > .bonus-mx {
        gap: 5px;
    }
    .bonus-rule > .bonus-mx > .item {
        padding-inline: 14px;
    }
    .bonus-rule {
        padding-top: 14px;
    }
    .bonus-rule > p {
        max-width: 320px;
    }
    .sponsors > p {
        font-size: 15px;
    }
}