@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

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;
    background-color: #0C0F12;
    background-image: url("data:image/svg+xml,%3Csvg width='1460' height='1288' viewBox='0 0 1460 1288' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4004_4214' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1460' height='1288'%3E%3Crect width='1460' height='1288' fill='url(%23paint0_radial_4004_4214)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4004_4214)'%3E%3Crect x='98' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='195' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='292' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='389' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='486' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='583' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='680' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='777' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='874' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='971' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='1068' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='1165' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='1262' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='1359' width='1' height='1224' fill='%231A1F24'/%3E%3Crect x='97' y='1225' width='1' height='1261' transform='rotate(-90 97 1225)' fill='%231A1F24'/%3E%3Crect x='97' y='1134' width='1' height='1261' transform='rotate(-90 97 1134)' fill='%231A1F24'/%3E%3Crect x='97' y='1037' width='1' height='1261' transform='rotate(-90 97 1037)' fill='%231A1F24'/%3E%3Crect x='97' y='940' width='1' height='1261' transform='rotate(-90 97 940)' fill='%231A1F24'/%3E%3Crect x='97' y='843' width='1' height='1261' transform='rotate(-90 97 843)' fill='%231A1F24'/%3E%3Crect x='97' y='746' width='1' height='1261' transform='rotate(-90 97 746)' fill='%231A1F24'/%3E%3Crect x='97' y='649' width='1' height='1261' transform='rotate(-90 97 649)' fill='%231A1F24'/%3E%3Crect x='97' y='552' width='1' height='1261' transform='rotate(-90 97 552)' fill='%231A1F24'/%3E%3Crect x='97' y='455' width='1' height='1261' transform='rotate(-90 97 455)' fill='%231A1F24'/%3E%3Crect x='97' y='358' width='1' height='1261' transform='rotate(-90 97 358)' fill='%231A1F24'/%3E%3Crect x='97' y='261' width='1' height='1261' transform='rotate(-90 97 261)' fill='%231A1F24'/%3E%3Crect x='97' y='164' width='1' height='1261' transform='rotate(-90 97 164)' fill='%231A1F24'/%3E%3Crect x='-232' y='82' width='1' height='1920' transform='rotate(-90 -232 82)' fill='%231A1F24'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_4004_4214' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(730 184) rotate(90) scale(636 626)'%3E%3Cstop stop-color='%23D9D9D9'/%3E%3Cstop offset='1' stop-color='%23737373' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center top;
}

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

.container {
    max-width: 1402px;
    width: 100%;
    padding: 0px 16px;
    margin: 0px auto;
    position: relative;
}
.container::before, .container::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #1A1F24;
    bottom: 0;
}
.container::before {
    left: -26px;
}
.container::after {
    right: -26px;
}

.welcome-text {
    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: 24px;
}
.welcome-text > h1 {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
}
.welcome-text > h1 > span {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.welcome-text > h1:hover > span {
    color: #2E70C9;
}
.welcome-text > p {
    color: #B1B3B4;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.4px;
}

.button {
    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;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    background: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.button:hover {
    opacity: 0.6;
}

.button-a {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    border-radius: 32px;
    background: var(--Linear, linear-gradient(180deg, #2E70C9 0%, #004BB1 100%));
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24) inset;
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24) inset;
    height: 48px;
    padding: 0px 23px;
}
.button-a > p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.36px;
}

.welcome-links {
    margin-top: 36px;
    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;
}

.welcome-badge {
    padding: 11px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    border-radius: 40px;
    border: 1px solid #202427;
    background: #161A1D;
    position: relative;
    margin-bottom: 30px;
}
.welcome-badge::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 17px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19' viewBox='0 0 17 19' fill='none'%3E%3Cpath d='M15.0756 11.1679C14.4245 10.7938 13.69 10.6858 12.9624 10.6623C12.3521 10.642 11.4426 10.2543 11.4426 9.1451C11.4461 8.74555 11.607 8.36324 11.891 8.07972C12.1749 7.79628 12.5595 7.63415 12.9624 7.628C13.69 7.60273 14.4245 7.49482 15.0756 7.12227C15.6602 6.78659 16.1455 6.30431 16.4827 5.72384C16.8199 5.14337 16.9972 4.48515 16.9966 3.81527C16.9961 3.1454 16.8179 2.48744 16.4798 1.90747C16.1418 1.3275 15.6557 0.845927 15.0706 0.511116C14.4854 0.176306 13.8218 3.41523e-05 13.1462 2.79162e-09C12.4706 -2.56094e-05 11.8069 0.176186 11.2217 0.510946C10.6366 0.845705 10.1505 1.32722 9.81242 1.90717C9.4743 2.4871 9.29598 3.14505 9.29538 3.81492C9.29538 4.55494 9.56057 5.23597 9.90058 5.86811C10.1845 6.39911 10.329 7.38529 9.35152 7.9432C8.99816 8.13811 8.58191 8.18806 8.19194 8.08211C7.80198 7.97624 7.46939 7.72303 7.26553 7.37683C6.88302 6.76996 6.41551 6.19682 5.77459 5.83103C5.1892 5.49621 4.52526 5.32006 3.84946 5.32025C3.17367 5.32046 2.50983 5.49701 1.92464 5.83217C1.33945 6.16733 0.853531 6.64929 0.515692 7.22965C0.177854 7.81002 0 8.46825 0 9.13835C0 9.80845 0.177854 10.4668 0.515692 11.0471C0.853531 11.6274 1.33945 12.1095 1.92464 12.4445C2.50983 12.7797 3.17367 12.9563 3.84946 12.9565C4.52526 12.9567 5.1892 12.7806 5.77459 12.4457C6.42061 12.0749 6.88302 11.5068 7.26553 10.9C7.58004 10.3942 8.36376 9.76713 9.35152 10.3335C9.69842 10.5396 9.95009 10.8723 10.0525 11.2603C10.1548 11.6483 10.0996 12.0605 9.89894 12.4086C9.55893 13.0408 9.29538 13.7218 9.29538 14.4618C9.29547 15.1323 9.47344 15.7909 9.81147 16.3715C10.1496 16.952 10.6358 17.4342 11.2213 17.7695C11.8068 18.1047 12.471 18.2813 13.1472 18.2814C13.8233 18.2815 14.4875 18.1051 15.0732 17.77C15.6587 17.4349 16.1451 16.953 16.4834 16.3724C16.8216 15.7919 16.9997 15.1334 17 14.463C17.0003 13.7925 16.8225 13.1339 16.4848 12.5531C16.1469 11.9723 15.661 11.49 15.0756 11.1545V11.1679Z' fill='%232C79FF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.welcome-badge > p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}

.welcome-top {
    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-content {
    padding-top: 60px;
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 96px;
    border: 1px solid #202427;
    background: #161A1D;
    gap: 24px;
    padding: 18px 33px;
}
.navigation > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #B1B3B4;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
}
.navigation > a:hover {
    -webkit-filter: brightness(1.4);
            filter: brightness(1.4);
}

.header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    padding: 13px 0;
}
.header-content > .item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.footer-content {
    padding: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}
.footer-content > span {
    color: #B1B3B4;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}
.footer-content > .item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.header-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.header-logo > img {
    width: 131px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left center;
       object-position: left center;
}

.footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.footer-logo > img {
    width: 131px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left center;
       object-position: left center;
}

.welcome-bottom {
    margin-top: 72px;
}
.welcome-bottom > p {
    margin-top: 70px;
    color: #B1B3B4;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.4px;
}

.welcome-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 0 0 24px 24px;
    overflow: hidden;
}
.welcome-image > img {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}

.welcome-live {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    width: 100%;
    height: 42px;
    -webkit-animation: welcome-live 20s linear infinite;
            animation: welcome-live 20s linear infinite;
    background-image: url(../img/welcome-live.png);
    background-repeat: repeat no-repeat;
    background-size: contain;
}

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

@keyframes welcome-live {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: -1370px;
    }
}
.head-badge {
    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;
    height: 42px;
    border-radius: 40px;
    border: 1px solid #202427;
    background: #161A1D;
    padding: 0px 20px;
}
.head-badge > span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}

.how-works-head {
    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: 24px;
}
.how-works-head > p {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
}

.toastify {
    border-radius: 10px;
    background: var(--Linear, linear-gradient(180deg, #2E70C9 0%, #004BB1 100%));
    font-family: inherit;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.how-works-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.how-works-items > .item {
    min-height: 235px;
    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;
    padding: 24px;
    border-radius: 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(#161A1D), to(#0C0F12));
    background: linear-gradient(180deg, #161A1D 0%, #0C0F12 100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.how-works-items > .item:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}
.how-works-items > .item > span {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.how-works-items > .item > p {
    color: #B1B3B4;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.how-works-mark {
    width: 1055px;
    height: 67px;
    background-image: url("data:image/svg+xml,%3Csvg width='1055' height='67' viewBox='0 0 1055 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='692.707' y='58.0001' width='11' height='11' transform='rotate(-45 692.707 58.0001)' fill='url(%23paint0_linear_2354_1930)' stroke='%23242729'/%3E%3Crect x='346.707' y='58.0001' width='11' height='11' transform='rotate(-45 346.707 58.0001)' fill='url(%23paint1_linear_2354_1930)' stroke='%23242729'/%3E%3Crect x='0.707107' y='58.0001' width='11' height='11' transform='rotate(-45 0.707107 58.0001)' fill='url(%23paint2_linear_2354_1930)' stroke='%23242729'/%3E%3Crect x='1038.71' y='58.0001' width='11' height='11' transform='rotate(-45 1038.71 58.0001)' fill='url(%23paint3_linear_2354_1930)' stroke='%23242729'/%3E%3Cpath d='M8 52.0001C8 42.3351 15.835 34.5001 25.5 34.5001H505.827C516.245 34.5001 525.067 26.8184 526.5 16.5001C527.933 26.8184 536.755 34.5001 547.173 34.5001H1030C1039.11 34.5001 1046.5 41.8874 1046.5 51.0001' stroke='%23242729'/%3E%3Cpath opacity='0.1' d='M354.25 46.0001V39.0001' stroke='white' stroke-linecap='round'/%3E%3Cpath opacity='0.1' d='M700.25 46.0001V39.0001' stroke='white' stroke-linecap='round'/%3E%3Crect x='518.707' y='8.48529' width='11' height='11' transform='rotate(-45 518.707 8.48529)' fill='url(%23paint4_linear_2354_1930)' stroke='%230C0F12'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2354_1930' x1='698' y1='58.0001' x2='698' y2='70.0001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2354_1930' x1='352' y1='58.0001' x2='352' y2='70.0001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2354_1930' x1='6' y1='58.0001' x2='6' y2='70.0001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2354_1930' x1='1044' y1='58.0001' x2='1044' y2='70.0001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2354_1930' x1='524' y1='8.48529' x2='524' y2='20.4853' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 34px;
    margin-top: 48px;
}

.how-works {
    padding-top: 68px;
    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;
}

.sponsor-content {
    padding-top: 48px;
    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: 24px;
}
.sponsor-content > span {
    color: #B1B3B4;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.4px;
}

.sponsor-live {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 64px;
    -webkit-animation: sponsor-live 20s linear infinite;
            animation: sponsor-live 20s linear infinite;
    background-image: url(../img/sponsor-live.png);
    background-repeat: repeat no-repeat;
    background-size: contain;
}

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

@keyframes sponsor-live {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: -1358px;
    }
}
.rules-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 32px;
}
.rules-item > span {
    height: 42px;
    padding: 0px 18px;
    border-radius: 40px;
    border: 1px solid #202427;
    background: #161A1D;
    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: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}

.rules-item-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: 12px;
}
.rules-item-text > span {
    color: #FFF;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.72px;
}
.rules-item-text > p {
    max-width: 565px;
    width: 100%;
    color: #B1B3B4;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.36px;
}

.rules-item-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.rules-item-range > .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: 10px;
    border-radius: 14px;
    border: 1px solid #202427;
    background: #161A1D;
    backdrop-filter: blur(9.5500001907px);
    padding: 17px;
    min-width: 203px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.rules-item-range > .item:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}
.rules-item-range > .item:last-child {
    min-width: 232px;
}
.rules-item-range > .item > span {
    color: #B1B3B4;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.rules-item-range > .item > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
}
.rules-item-range > .item > p::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23paint0_linear_2357_2238)'/%3E%3Cpath d='M15.5284 13.5402C15.0305 13.254 14.4689 13.1715 13.9124 13.1535C13.4457 13.138 12.7502 12.8415 12.7502 11.9933C12.7529 11.6878 12.8759 11.3954 13.0931 11.1786C13.3102 10.9619 13.6043 10.8379 13.9124 10.8332C14.4689 10.8139 15.0305 10.7313 15.5284 10.4464C15.9754 10.1897 16.3465 9.82094 16.6044 9.37706C16.8623 8.93316 16.9978 8.42982 16.9974 7.91756C16.997 7.4053 16.8607 6.90216 16.6022 6.45865C16.3437 6.01514 15.972 5.64689 15.5246 5.39085C15.0771 5.13482 14.5696 5.00003 14.053 5C13.5363 4.99998 13.0288 5.13473 12.5813 5.39072C12.1338 5.64672 11.7622 6.01493 11.5036 6.45842C11.2451 6.9019 11.1087 7.40504 11.1082 7.91729C11.1082 8.48319 11.311 9.00398 11.571 9.48738C11.7882 9.89343 11.8987 10.6476 11.1512 11.0742C10.8809 11.2233 10.5626 11.2615 10.2644 11.1804C9.96622 11.0995 9.71188 10.9058 9.556 10.6411C9.26349 10.177 8.90598 9.73875 8.41587 9.45902C7.96822 9.20298 7.46049 9.06828 6.94371 9.06843C6.42692 9.06859 5.91928 9.2036 5.47179 9.4599C5.02429 9.7162 4.6527 10.0848 4.39435 10.5286C4.13601 10.9724 4 11.4757 4 11.9882C4 12.5006 4.13601 13.004 4.39435 13.4478C4.6527 13.8916 5.02429 14.2602 5.47179 14.5164C5.91928 14.7727 6.42692 14.9077 6.94371 14.9079C7.46049 14.9081 7.96822 14.7734 8.41587 14.5173C8.90988 14.2337 9.26349 13.7993 9.556 13.3353C9.7965 12.9485 10.3958 12.469 11.1512 12.9021C11.4164 13.0597 11.6089 13.3141 11.6872 13.6108C11.7654 13.9075 11.7233 14.2228 11.5698 14.4889C11.3098 14.9724 11.1082 15.4932 11.1082 16.0591C11.1083 16.5717 11.2444 17.0754 11.5029 17.5194C11.7614 17.9633 12.1333 18.3321 12.581 18.5884C13.0288 18.8448 13.5367 18.9798 14.0537 18.9799C14.5708 18.9799 15.0787 18.8451 15.5265 18.5888C15.9743 18.3326 16.3463 17.964 16.605 17.5201C16.8636 17.0761 16.9998 16.5726 17 16.0599C17.0002 15.5472 16.8643 15.0435 16.606 14.5995C16.3476 14.1553 15.976 13.7865 15.5284 13.5299V13.5402Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2357_2238' x1='12' y1='0' x2='12' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.rules-item-range > .item > p > span {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rules-content {
    padding-top: 154px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gsp: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.rules-calc {
    max-width: 676px;
    width: 100%;
    border-radius: 24px;
    border: 1px solid #202427;
    background: #14181B;
    padding: 24px;
}

.rules-calc-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.rules-calc-head > img {
    width: 131px;
    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;
}
.rules-calc-head > span {
    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: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    border-radius: 40px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.12);
    height: 42px;
    padding: 0px 18px;
}

.rules-calc-body {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 36px;
}
.rules-calc-body > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.rules-calc-body > .item > p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin-bottom: 10px;
}

.rule-field {
    cursor: text;
    height: 78px;
    border-radius: 16px;
    border: 1px solid #202427;
    background: #0C0F12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0px 20px;
    padding-left: 24px;
}
.rule-field > input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: none;
    border: none;
    outline: none;
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.144px;
}
.rule-field:focus-within {
    border: 1px solid rgba(255, 255, 255, 0.2509803922);
}

.rule-fast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.rule-fast > .item {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 36px;
    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: 9px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.07);
    padding: 0px 12px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.096px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.rule-fast > .item:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}

.address-content {
    padding-top: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 36px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.address-content > span {
    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: 0px 18px;
    height: 42px;
    border-radius: 40px;
    border: 1px solid #202427;
    background: #161A1D;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}

.address-wrapper {
    width: 100%;
    border-radius: 16px;
    border: 1px solid #202427;
    background: #14181B;
    padding-block: 110px;
    padding-inline: 16px;
    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;
}

.address-body {
    max-width: 838px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

.address-qr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 324px;
    height: 324px;
    border-radius: 10px;
    overflow: hidden;
}
.address-qr > img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
       object-fit: contain;
}

.address-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.address-text > img {
    width: 104px;
}
.address-text > span {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.64px;
}

.address-fields {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
.address-fields > .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;
}
.address-fields > .item > p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.096px;
}

.field-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #202427;
    padding: 0px 14px;
    padding-right: 6px;
}
.field-text > p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #B1B3B4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.096px;
}

.copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 36px;
    height: 36px;
    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%3Cpath d='M0 8.18182C0 3.66313 3.66313 0 8.18182 0H27.8182C32.3369 0 36 3.66313 36 8.18182V27.8182C36 32.3369 32.3369 36 27.8182 36H8.18182C3.66313 36 0 32.3369 0 27.8182V8.18182Z' fill='url(%23paint0_linear_4007_4779)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.2882 11.3758C21.7742 11.3338 21.1139 11.3332 20.1667 11.3332H14.2501C13.7898 11.3332 13.4167 10.9601 13.4167 10.4998C13.4167 10.0396 13.7898 9.6665 14.2501 9.6665L20.2024 9.6665C21.1056 9.6665 21.834 9.66649 22.4239 9.71469C23.0313 9.76431 23.5648 9.86915 24.0584 10.1206C24.8424 10.5201 25.4798 11.1575 25.8793 11.9415C26.1308 12.4351 26.2356 12.9686 26.2852 13.576C26.3334 14.1659 26.3334 14.8944 26.3334 15.7975V21.7498C26.3334 22.2101 25.9603 22.5832 25.5001 22.5832C25.0398 22.5832 24.6667 22.2101 24.6667 21.7498V15.8332C24.6667 14.886 24.6661 14.2257 24.6241 13.7117C24.5829 13.2074 24.5061 12.9177 24.3943 12.6982C24.1546 12.2278 23.7721 11.8453 23.3017 11.6057C23.0823 11.4938 22.7925 11.417 22.2882 11.3758Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1346 12.5832H19.9489C20.3882 12.5832 20.7671 12.5831 21.0793 12.6086C21.4087 12.6356 21.7364 12.695 22.0517 12.8557C22.5221 13.0953 22.9046 13.4778 23.1443 13.9482C23.3049 14.2635 23.3644 14.5912 23.3913 14.9206C23.4168 15.2328 23.4168 15.6118 23.4167 16.0511V22.8653C23.4168 23.3046 23.4168 23.6835 23.3913 23.9957C23.3644 24.3251 23.3049 24.6528 23.1443 24.9681C22.9046 25.4386 22.5221 25.821 22.0517 26.0607C21.7364 26.2213 21.4087 26.2808 21.0793 26.3077C20.7671 26.3332 20.3881 26.3332 19.9489 26.3332H13.1346C12.6953 26.3332 12.3164 26.3332 12.0042 26.3077C11.6748 26.2808 11.3471 26.2213 11.0318 26.0607C10.5614 25.821 10.1789 25.4386 9.93923 24.9681C9.77857 24.6528 9.71914 24.3251 9.69222 23.9957C9.66672 23.6835 9.66673 23.3046 9.66675 22.8653V16.0511C9.66673 15.6118 9.66672 15.2328 9.69222 14.9206C9.71914 14.5912 9.77857 14.2635 9.93923 13.9482C10.1789 13.4778 10.5614 13.0953 11.0318 12.8557C11.3471 12.695 11.6748 12.6356 12.0042 12.6086C12.3164 12.5831 12.6953 12.5832 13.1346 12.5832Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4007_4779' x1='18' y1='0' x2='18' y2='36' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.copy:hover {
    opacity: 0.6;
}

.live-wr {
    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;
    border: 1px solid #202427;
    background: #0C0F12;
    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: #747474;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
    border-bottom: 8px solid #0C0F12;
}
.live-wr-content > table > tbody > tr > td > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #161A1D;
    padding: 0px 18px;
    height: 56px;
}
.live-wr-content > table > tbody > tr > td > div > .rv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    position: relative;
}
.live-wr-content > table > tbody > tr > td > div > .rv::after {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23paint0_linear_2341_522)'/%3E%3Cpath d='M15.5284 13.5402C15.0305 13.254 14.4689 13.1715 13.9124 13.1535C13.4457 13.138 12.7502 12.8415 12.7502 11.9933C12.7529 11.6878 12.8759 11.3954 13.0931 11.1786C13.3102 10.9619 13.6043 10.8379 13.9124 10.8332C14.4689 10.8139 15.0305 10.7313 15.5284 10.4464C15.9754 10.1897 16.3465 9.82094 16.6044 9.37706C16.8623 8.93316 16.9978 8.42982 16.9974 7.91756C16.997 7.4053 16.8607 6.90216 16.6022 6.45865C16.3437 6.01514 15.972 5.64689 15.5246 5.39085C15.0771 5.13482 14.5696 5.00003 14.053 5C13.5363 4.99998 13.0288 5.13473 12.5813 5.39072C12.1338 5.64672 11.7622 6.01493 11.5036 6.45842C11.2451 6.9019 11.1087 7.40504 11.1082 7.91729C11.1082 8.48319 11.311 9.00398 11.571 9.48738C11.7882 9.89343 11.8987 10.6476 11.1512 11.0742C10.8809 11.2233 10.5626 11.2615 10.2644 11.1804C9.96622 11.0995 9.71188 10.9058 9.556 10.6411C9.26349 10.177 8.90598 9.73875 8.41587 9.45902C7.96822 9.20298 7.46049 9.06828 6.94371 9.06843C6.42692 9.06859 5.91928 9.2036 5.47179 9.4599C5.02429 9.7162 4.6527 10.0848 4.39435 10.5286C4.13601 10.9724 4 11.4757 4 11.9882C4 12.5006 4.13601 13.004 4.39435 13.4478C4.6527 13.8916 5.02429 14.2602 5.47179 14.5164C5.91928 14.7727 6.42692 14.9077 6.94371 14.9079C7.46049 14.9081 7.96822 14.7734 8.41587 14.5173C8.90988 14.2337 9.26349 13.7993 9.556 13.3353C9.7965 12.9485 10.3958 12.469 11.1512 12.9021C11.4164 13.0597 11.6089 13.3141 11.6872 13.6108C11.7654 13.9075 11.7233 14.2228 11.5698 14.4889C11.3098 14.9724 11.1082 15.4932 11.1082 16.0591C11.1083 16.5717 11.2444 17.0754 11.5029 17.5194C11.7614 17.9633 12.1333 18.3321 12.581 18.5884C13.0288 18.8448 13.5367 18.9798 14.0537 18.9799C14.5708 18.9799 15.0787 18.8451 15.5265 18.5888C15.9743 18.3326 16.3463 17.964 16.605 17.5201C16.8636 17.0761 16.9998 16.5726 17 16.0599C17.0002 15.5472 16.8643 15.0435 16.606 14.5995C16.3476 14.1553 15.976 13.7865 15.5284 13.5299V13.5402Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2341_522' x1='12' y1='0' x2='12' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232E70C9'/%3E%3Cstop offset='1' stop-color='%23004BB1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.live-wr-content > table > tbody > tr > td > div > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.live-wr-content > table > tbody > tr > td > div > 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%3Cpath d='M10 16.6666V3.33325M15 8.33325L10 3.33325L5 8.33325' stroke='%23979797' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.live-wr-content > table > tbody > tr > td > div > small {
    margin-left: 8px;
    padding: 2px 6px;
    border-radius: 6px;
    border: 1px solid #202427;
    background: #202427;
}
.live-wr-content > table > tbody > tr > td:first-child > div {
    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 > div {
    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: #161A1D;
    -webkit-box-shadow: 0 0 0 1px #202427;
            box-shadow: 0 0 0 1px #202427;
    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.99992 0.833252C4.93731 0.833252 0.833252 4.93731 0.833252 9.99992C0.833252 15.0625 4.93731 19.1666 9.99992 19.1666C15.0625 19.1666 19.1666 15.0625 19.1666 9.99992C19.1666 4.93731 15.0625 0.833252 9.99992 0.833252ZM14.3392 8.08917C14.6646 7.76374 14.6646 7.2361 14.3392 6.91066C14.0137 6.58523 13.4861 6.58523 13.1607 6.91066L8.74992 11.3214L6.83917 9.41066C6.51374 9.08523 5.9861 9.08523 5.66066 9.41066C5.33523 9.7361 5.33523 10.2637 5.66066 10.5892L8.16066 13.0892C8.4861 13.4146 9.01374 13.4146 9.33918 13.0892L14.3392 8.08917Z' fill='%23272C30'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.status > p {
    color: #747474;
    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;
}

.table-content {
    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: 38px;
    padding-top: 124px;
    padding-bottom: 30px;
}

.live-wr {
    width: 100%;
}

@media screen and (max-width: 1402px) {
    .container::before, .container::after {
        content: none;
    }
    .how-works-mark {
        display: none;
    }
    .address-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .rules-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 48px;
    }
    .navigation {
        display: none;
    }
    .how-works-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .header-logo > img {
        width: 91px;
    }
    .button-a {
        height: 38px;
        padding: 0px 16px;
    }
    .button-a > p {
        font-size: 14px;
    }
    .welcome-badge > p {
        font-size: 14px;
    }
    .welcome-text > h1 {
        font-size: 44px;
    }
    .welcome-text > p {
        font-size: 16px;
    }
    .welcome-text > p > br {
        display: none;
    }
    .welcome-bottom > p {
        font-size: 16px;
    }
    .welcome-bottom > p > br {
        display: none;
    }
    .head-badge > span {
        font-size: 14px;
    }
    .welcome-live {
        background-size: 1191.43px 36px;
        height: 36px;
    }
    .welcome-image {
        padding-bottom: 36px;
    }
    .how-works-head {
        margin-bottom: 24px;
    }
    .how-works-head > p {
        font-size: 42px;
    }
    .how-works-items {
        gap: 12px;
    }
    .how-works-items > .item {
        padding: 16px;
    }
    .how-works-items > .item > span {
        font-size: 16px;
    }
    .how-works-items > .item > p {
        font-size: 14px;
    }
    .how-works-items > .item > p > br {
        display: none;
    }
    .sponsor-content > span {
        font-size: 16px;
    }
    .rules-item-text > span {
        font-size: 24px;
    }
    .rules-item-text > p {
        font-size: 14px;
    }
    .rules-content {
        padding-top: 48px;
    }
    .sponsor-live {
        width: calc(100% + 32px);
        margin-inline: -16px;
        height: 48px;
        background-size: 1017.75px 48px;
    }
    .rules-item-range > .item > span {
        font-size: 14px;
    }
    .rules-calc-head > span {
        height: 38px;
        font-size: 14px;
    }
    .rules-calc-head > img {
        width: 91px;
    }
    .rules-calc-body > .item > p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .rule-field {
        height: 48px;
        border-radius: 10px;
        padding: 0px 14px;
        padding-right: 8px;
    }
    .rule-field > img {
        width: 24px;
        height: 24px;
    }
    .rule-field > input {
        font-size: 16px;
    }
    .rule-fast > .item {
        height: 32px;
        padding: 0px 10px;
        font-size: 12px;
    }
    .rules-item {
        gap: 20px;
    }
    .sponsor-content {
        gap: 16px;
    }
    .address-content > span {
        font-size: 14px;
    }
    .address-content {
        padding-top: 64px;
        gap: 20px;
    }
    .address-wrapper {
        padding: 20px;
    }
    .address-text > img {
        width: 80px;
    }
    .address-text > span {
        font-size: 24px;
    }
    .address-fields > .item {
        gap: 4px;
    }
    .address-fields > .item > p {
        font-size: 14px;
    }
    .field-text > p {
        font-size: 14px;
    }
    .table-content {
        gap: 20px;
        padding-top: 64px;
        padding-bottom: 10px;
    }
    .live-wr-content > table > thead > tr > td {
        font-size: 14px;
    }
    .live-wr-content > table > tbody > tr > td {
        font-size: 14px;
    }
    .status > p {
        font-size: 14px;
    }
    .footer-content > span {
        display: none;
    }
    .footer-logo > img {
        width: 91px;
    }
    .rules-calc {
        max-width: 100%;
    }
    .rules-item-text > p {
        max-width: 100%;
    }
}
@media screen and (max-width: 476px) {
    .rules-item-range > .item {
        width: 100%;
    }
    .address-qr {
        width: 100%;
    }
    .address-qr {
        display: none;
    }
}

/* ── Transactions: table → cards on phones ────────────────────────────────── */
@media screen and (max-width: 760px) {
    .live-wr {
        overflow: visible;
    }
    .live-wr-content {
        min-width: 0;
        padding: 10px;
        border-radius: 20px;
    }
    .live-wr-content > table,
    .live-wr-content > table > tbody {
        display: block;
        width: 100%;
    }
    .live-wr-content > table > thead {
        display: none;
    }
    .live-wr-content > table > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "metric value"
            "desc   value"
            "source status";
        align-items: center;
        gap: 2px 12px;
        padding: 14px 16px;
        border-radius: 14px;
        background: #161A1D;
    }
    .live-wr-content > table > tbody > tr + tr {
        margin-top: 8px;
    }
    .live-wr-content > table > tbody > tr > td {
        display: block;
        width: auto;
        min-width: 0;
        border: none;
        white-space: normal;
    }
    .live-wr-content > table > tbody > tr > td > div,
    .live-wr-content > table > tbody > tr > td:first-child > div,
    .live-wr-content > table > tbody > tr > td:last-child > div {
        display: block;
        height: auto;
        padding: 0;
        border-radius: 0;
        background: transparent;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(1) { grid-area: metric; }
    .live-wr-content > table > tbody > tr > td:nth-child(2) { grid-area: desc; }
    .live-wr-content > table > tbody > tr > td:nth-child(3) { grid-area: value; text-align: right; }
    .live-wr-content > table > tbody > tr > td:nth-child(4) { grid-area: source; margin-top: 10px; }
    .live-wr-content > table > tbody > tr > td:nth-child(5) { grid-area: status; width: auto; margin-top: 10px; justify-self: end; }
    .live-wr-content > table > tbody > tr > td:nth-child(1) > div > p {
        color: #FFF;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(2) > div > span {
        color: #747474;
        font-size: 13px;
        line-height: 18px;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(2) > div > small {
        color: #747474;
        font-size: 13px;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(3) > div > p {
        color: #FFF;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(4) > div > small {
        display: inline-block;
        margin-left: 0;
        font-size: 12px;
        line-height: 16px;
        color: #979797;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(5) > div > .status {
        height: 30px;
        padding: 0 10px 0 8px;
        gap: 5px;
        border-radius: 8px;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(5) > div > .status::before {
        width: 16px;
        height: 16px;
    }
    .live-wr-content > table > tbody > tr > td:nth-child(5) > div > .status > p {
        font-size: 13px;
    }
}