.not-found_hero__SLEAr {
    position: relative;
    overflow: hidden;
    isolation: isolate;
        background: linear-gradient(135deg, #18a854 0, #1bd771 18%, #4848d3 36%, #0b83ff 54%, var(--blue-200) 70%, #1596ca 80%, #b1820b 100%);
    display: flex
}

@media(max-width:991.98px) {
    .not-found_hero__SLEAr {
        height: min(100svh - var(--1)*100, var(--1)*1000)
    }
}

@media(min-width:992px) {
    .not-found_hero__SLEAr {
        --1: min(0.069vw, 0.1vh, 1.3px);
        height: min(100svh - var(--1)*100, var(--1)*950)
    }
}

.not-found_hero__SLEAr .not-found_container__xiAHM {
    flex: 1 1;
    height: 100%
}

@media(max-width:991.98px) {
    .not-found_hero__SLEAr .not-found_container__xiAHM {
        padding-inline: 0 !important
    }
}

.not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP {
    height: 90%;
    flex: 1 1;
    position: relative
}

.not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/modal-bg.png);
    object-fit: cover;
    z-index: 0
}

.not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP .not-found_texts__GBotX {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    aspect-ratio: 639/388;
    height: unset;
    width: calc(var(--1)*800)
}

@media(max-width:991.98px) {
    .not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP .not-found_texts__GBotX {
        width: calc(var(--1)*440);
        top: 50%;
        transform: translateX(-50%) translateY(-70%)
    }
}

.not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP .not-found_cloud1__1Wu6v {
    position: absolute;
    width: calc(var(--1)*143);
    height: calc(var(--1)*85);
    top: calc(var(--1)*120);
    left: calc(var(--1)*120);
    z-index: 23
}

@media(max-width:991.98px) {
    .not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP .not-found_cloud1__1Wu6v {
        left: calc(var(--1)*60);
        top: calc(var(--1)*100)
    }
}

.not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP .not-found_cloud2__KuVhf {
    position: absolute;
    width: calc(var(--1)*224);
    height: calc(var(--1)*128);
    left: calc(var(--1)*-30);
    top: calc(var(--1)*40)
}

@media(max-width:991.98px) {
    .not-found_hero__SLEAr .not-found_container__xiAHM .not-found_box__ouJtP .not-found_cloud2__KuVhf {
        width: calc(var(--1)*174);
        height: calc(var(--1)*99);
        left: calc(var(--1)*-20);
        bottom: calc(var(--1)*100)
    }
}

.not-found_hero__SLEAr .not-found_cloud__y4uwu {
    position: absolute;
    width: 100%;
    height: calc(var(--1)*701);
    left: 50%;
    bottom: 0;
    transform: translate(-50%, calc(var(--1) * 120));
    pointer-events: none
}

@media(min-width:992px) {
    .not-found_hero__SLEAr .not-found_cloud__y4uwu {
        --1: min(0.069vw, 0.1vh, 1.3px)
    }
}

.not-found_hero__SLEAr .not-found_cloud__y4uwu:last-child {
    z-index: -1;
    transform: translate(-50%, calc(var(--1) * -50)) scaleX(-1)
}

@media(max-width:991.98px) {
    .not-found_hero__SLEAr .not-found_cloud__y4uwu {
        --1: min(0.19vw, 0.12svh);
        width: 110%;
        height: calc(var(--1)*350);
        transform: translate(-50%, calc(var(--1) * 50))
    }

    .not-found_hero__SLEAr .not-found_cloud__y4uwu:last-child {
        z-index: -1;
        transform: translate(-50%, calc(var(--1) * -50)) scaleX(-1)
    }
}

.not-found_hero__SLEAr .not-found_heroImg__WPEy_ {
    position: absolute;
    aspect-ratio: 512/711;
    width: calc(var(--1)*512);
    height: unset;
    left: 50%;
    bottom: 0;
    transform: translateX(40%);
    z-index: 1;
    pointer-events: none
}

@media(min-width:992px) {
    .not-found_hero__SLEAr .not-found_heroImg__WPEy_ {
        --1: min(0.069vw, 0.1vh, 1.3px)
    }
}

@media(max-width:991.98px) {
    .not-found_hero__SLEAr .not-found_heroImg__WPEy_ {
        --1: min(0.19vw, 0.12svh);
        width: calc(var(--1)*377);
        transform: translateX(-20%)
    }
}

.box_box__OEu_A {
    border-radius: calc(var(--1)*56);
    background-color: var(--white);
    border: calc(var(--1)*3) solid #000;
    padding: calc(var(--1)*66) calc(var(--1)*68)
}

@media(max-width:991.98px) {
    .box_box__OEu_A {
        padding: calc(var(--1)*58) calc(var(--1)*20)
    }
}

.section_section__aNYXm {
    position: relative;
    isolation: isolate;
    max-width: 100%
}

@media(max-width:991.98px) {
    .section_section__aNYXm {
        padding-block: calc(var(--1)*17)
    }
}

@media(min-width:992px) {
    .section_section__aNYXm {
        padding-block: calc(var(--1)*22)
    }
}

.calculator_calculator__9M8pj {
    padding-block: calc(var(--1)*60) calc(var(--1)*30)
}

.calculator_calculator__9M8pj ::selection {
    background: transparent !important
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 {
    border-radius: calc(var(--1)*100);
    height: calc(var(--1)*52);
    border: calc(var(--1)*3) solid #8338b0;
    background: #b980dc;
    display: flex;
    align-items: center;
    padding-inline: calc(var(--1)*9);
    position: relative;
    cursor: pointer
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: calc(var(--1)*120);
    height: calc(var(--1)*80)
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: calc(var(--1)*4);
    height: calc(var(--1)*13);
    border-radius: 10px;
    background-color: var(--purple-400)
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l .calculator_infoTop__ZMyXa {
    font-size: calc(var(--1)*16)
}

@media(max-width:991.98px) {
    .calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l .calculator_infoTop__ZMyXa {
        font-size: calc(var(--1)*13)
    }
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l .calculator_infoMid__2PNQC {
    font-size: calc(var(--1)*16)
}

@media(max-width:991.98px) {
    .calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l .calculator_infoMid__2PNQC {
        font-size: calc(var(--1)*13)
    }
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l .calculator_infoBottom__Lt30n {
    font-size: calc(var(--1)*16)
}

@media(max-width:991.98px) {
    .calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_barInfo__im87l .calculator_infoBottom__Lt30n {
        font-size: calc(var(--1)*13)
    }
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressInfo__Fm1dU {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-20%, -100%)
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressInfo__Fm1dU:after {
    display: none
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_startInfo__D0EE2 {
    position: absolute;
    left: 0;
    bottom: calc(var(--1)*-10);
    transform: translate(calc(-50% + var(--1) * 9), 100%)
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_currentInfo__gfpSe {
    position: absolute;
    left: 35%;
    bottom: calc(var(--1)*-10);
    transform: translate(-20%, 100%)
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_launchInfo__0E455 {
    position: absolute;
    left: 85%;
    bottom: calc(var(--1)*-10);
    transform: translate(-50%, 100%)
}

@media(max-width:991.98px) {
    .calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_launchInfo__0E455 {
        left: 75%
    }
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_moonInfo__tsal8 {
    position: absolute;
    right: 0;
    bottom: calc(var(--1)*-10);
    transform: translate(50%, 100%)
}

@media(max-width:991.98px) {
    .calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_moonInfo__tsal8 {
        transform: translate(40%, 100%)
    }
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressBar__1gBsp {
    border-radius: calc(var(--1)*100);
    border: calc(var(--1)*3) solid #8338b0;
    height: calc(var(--1)*36);
    background: #ffe9f8;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: width 0.2s ease;
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressBar__1gBsp .calculator_progressPercent__M4xaX {
    font-size: calc(var(--1)*20);
    margin-right: calc(var(--1)*50);
    min-width: max-content
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressBar__1gBsp .calculator_progressThumb___V7_B {
    position: absolute;
  top: 50%;
  transition: left 0.2s ease;
  transform: translate(40%, -50%);
  pointer-events: none;
}

@media(min-width:992px) {
    .calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressBar__1gBsp .calculator_progressThumb___V7_B img {
        width: calc(var(--1)*118);
        height: calc(var(--1)*115)
    }
}

@media(max-width:991.98px) {
    .calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressBar__1gBsp .calculator_progressThumb___V7_B img {
        width: calc(var(--1)*93);
        height: calc(var(--1)*91)
    }
}

.calculator_calculator__9M8pj .calculator_bar__j4px0 .calculator_progressBar__1gBsp .calculator_progressThumb___V7_B::selection {
    background-color: transparent
}

.contract_contract__DA0_w .contract_container__wiTbo {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: calc(var(--1)*24)
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxTop__U_lnv {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*16);
    position: relative
}

@keyframes contract_contractAnimation__JEtdf {
    40% {
        transform: translate(-230%, -35%)
    }

    60% {
        transform: translate(-220%, 5%) rotate(-10deg)
    }

    80% {
        transform: translate(-220%, 5%) rotate(-10deg)
    }
}

@keyframes contract_contractAnimation2__RY95O {
    40% {
        transform: translate(-180%, -20%) rotate(10deg)
    }

    60% {
        transform: translate(-175%, -10%) rotate(-10deg)
    }

    80% {
        transform: translate(-175%, -10%) rotate(-10deg)
    }
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxTop__U_lnv .contract_contractImg__lzz5g {
    position: absolute;
    left: 50%;
    width: calc(var(--1)*215);
    height: calc(var(--1)*205);
    top: 0;
    transform: translate(-230%, -35%);
    pointer-events: none;
    animation: contract_contractAnimation__JEtdf 5s ease-in-out infinite
}

@media(max-width:991.98px) {
    .contract_contract__DA0_w .contract_container__wiTbo .contract_boxTop__U_lnv .contract_contractImg__lzz5g {
        width: calc(var(--1)*130);
        height: calc(var(--1)*125);
        transform: translate(-180%, -20%) rotate(10deg);
        animation: contract_contractAnimation2__RY95O 5s ease-in-out infinite
    }
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxTop__U_lnv p {
    max-width: calc(var(--1)*427);
    margin-inline: auto
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxContract__YRAXm {
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*24)
}

@media(min-width:992px) {
    .contract_contract__DA0_w .contract_container__wiTbo .contract_boxContract__YRAXm {
        max-width: calc(var(--1)*843)
    }
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxContract__YRAXm .contract_boxContractItem__Sh4sY {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--1)*10)
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxContract__YRAXm .contract_boxContractItem__Sh4sY .contract_boxContractInput__fiRrU {
    border-bottom: calc(var(--1)*2) solid #f8e8ff;
    padding-block: calc(var(--1)*16);
    flex: 1 1;
    color: #c6c6c6;
    font-size: calc(var(--1)*20);
    font-style: normal;
    font-weight: 400;
    line-height: 1.44
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxContract__YRAXm .contract_boxContractItem__Sh4sY .contract_button__TZVij {
    display: flex;
    align-items: center;
    gap: calc(var(--1)*10)
}

@media(max-width:991.98px) {
    .contract_contract__DA0_w .contract_container__wiTbo .contract_boxContract__YRAXm .contract_boxContractItem__Sh4sY .contract_button__TZVij {
        padding-inline: calc(var(--1)*24) !important;
        width: auto !important;
        min-width: auto !important
    }
}

.contract_contract__DA0_w .contract_container__wiTbo .contract_boxContract__YRAXm .contract_boxContractItem__Sh4sY .contract_button__TZVij img {
    width: calc(var(--1)*16);
    height: calc(var(--1)*18)
}

@media(min-width:992px) {
    .contract_contract__DA0_w .contract_container__wiTbo .contract_img__UF_hW {
        position: absolute;
        right: calc(var(--1)*20);
        bottom: calc(var(--1)*40)
    }
    img.charity_charityImg__lzz5g.bone {
     width: calc(var(--1) * 475);
        height: calc(var(--1) * 500);
        object-fit: contain;
        position: absolute;
        left: 77%;
        top: 72%;
        transform: translate(-50%, -68%);
        pointer-events: none;
        z-index: 50;
}
img.charity_charityImg__lzz5g.grass {
        width: calc(var(--1) * 1132);
        height: calc(var(--1) * 153);
        object-fit: contain;
        position: absolute;
        left: 70%;
        top: 78%;
        transform: translate(-50%, -68%);
        pointer-events: none;
        visibility: hidden;
    }
 img.charity_charityImg__lzz5g.bone1 {
     width: calc(var(--1) * 275);
        height: calc(var(--1) * 500);
        object-fit: contain;
        position: absolute;
        left: 25%;
        top: 78%;
        transform: translate(-50%, -68%);
        pointer-events: none;
}
img.charity_charityImg__lzz5g.bone2 {
     width: calc(var(--1) * 275);
        height: calc(var(--1) * 500);
        object-fit: contain;
        position: absolute;
        left: 11%;
        top: 95%;
        transform: translate(-50%, -68%);
        pointer-events: none;
        z-index: 50;
}
img.charity_charityImg__lzz5g.bone3 {
        width: calc(var(--1) * 275);
        height: calc(var(--1) * 500);
        object-fit: contain;
        position: absolute;
        left: 90%;
        top: 99%;
        transform: translate(-50%, -68%);
        pointer-events: none;
        z-index: 50;
    }

    .contract_contract__DA0_w .contract_container__wiTbo .contract_img__UF_hW img {
        width: calc(var(--1)*442);
        height: calc(var(--1)*601)
    }
}

@media(max-width:991.98px) {
    .contract_contract__DA0_w .contract_container__wiTbo .contract_img__UF_hW {
        height: calc(var(--1)*370);
        position: relative
    }
        img.charity_charityImg__lzz5g.bone {
        width: calc(var(--1) * 200);
        height: calc(var(--1) * 565);
        object-fit: contain;
        position: absolute;
        left: 73%;
        top: 69.5%;
        transform: translate(-50%, -68%);
        pointer-events: none;
        z-index: 50;
    }
    img.charity_charityImg__lzz5g.grass {
        width: calc(var(--1) * 482);
        height: calc(var(--1) * 565);
        object-fit: contain;
        position: absolute;
        left: 48%;
        top: 70%;
        transform: translate(-50%, -68%);
        pointer-events: none;
    }
     img.charity_charityImg__lzz5g.bone1 {
        width: calc(var(--1) * 129);
        height: calc(var(--1) * 565);
        object-fit: contain;
        position: absolute;
        left: 61%;
        top: 75%;
        transform: translate(-50%, -68%);
        pointer-events: none;
    }
     img.charity_charityImg__lzz5g.bone2 {
        width: calc(var(--1) * 163);
        height: calc(var(--1) * 565);
        object-fit: contain;
        position: absolute;
        left: 10%;
        top: 41%;
        transform: translate(-50%, -68%);
        pointer-events: none;
        z-index: 50;
        display: none;
    }
        img.charity_charityImg__lzz5g.bone3 {
        width: calc(var(--1) * 180);
        height: calc(var(--1) * 565);
        object-fit: contain;
        position: absolute;
        left: 88%;
        top: 41%;
        transform: translate(-50%, -68%);
        pointer-events: none;
        z-index: 50;
        display: none;
    }


    .contract_contract__DA0_w .contract_container__wiTbo .contract_img__UF_hW img {
        width: calc(var(--1) * 398);
        height: calc(var(--1) * 500);
        object-fit: contain;
        position: absolute;
        left: 51%;
        top: 75%;
        transform: translate(-50%, -68%);
        pointer-events: none;
    }
}

.button_button___iXOl {
    padding: calc(var(--1)*5) calc(var(--1)*10);
    border-radius: calc(var(--1)*100);
    min-width: calc(var(--1)*195);
    min-height: calc(var(--1)*52);
    font-size: calc(var(--1)*20);
    font-weight: 600;
    line-height: calc(var(--1)*28);
    display: flex;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    border: none;
    font-family: inherit;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: calc(var(--1)*3) solid transparent;
    color: var(--black)
}

.button_button___iXOl.button_dark__xS_p5 {
    color: var(--black)
}

.button_button___iXOl.button_white__AgNNI {
    color: var(--white)
}

.button_button___iXOl:disabled {
    cursor: not-allowed;
    color: #a3a3a3
}

.button_button___iXOl:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform-origin: left;
    transition: transform .5s ease;
    transform: scaleX(0)
}

.button_button___iXOl.button_blue__CLtee {
    background-color: var(--blue-300);
    border-color: var(--blue-400)
}

.button_button___iXOl.button_blue__CLtee:after {
    background-color: var(--blue-400)
}

.button_button___iXOl.button_blue__CLtee:hover:after {
    transform: scaleX(1)
}

.button_button___iXOl.button_blue__CLtee:disabled {
    background-color: var(--blue-100);
    border-color: var(--blue-200)
}

.button_button___iXOl.button_blue__CLtee:disabled:after {
    display: none
}

.button_button___iXOl.button_orange__gJNWJ {
    background-color: var(--orange-300);
    border-color: var(--orange-400)
}

.button_button___iXOl.button_orange__gJNWJ:after {
    background-color: var(--orange-400)
}

.button_button___iXOl.button_orange__gJNWJ:hover:after {
    transform: scaleX(1)
}

.button_button___iXOl.button_orange__gJNWJ:disabled {
    background-color: var(--orange-100);
    border-color: var(--orange-200)
}

.button_button___iXOl.button_orange__gJNWJ:disabled:after {
    display: none
}

.button_button___iXOl.button_purple__CR140 {
    background-color: var(--purple-300);
    border-color: var(--purple-400)
}

.button_button___iXOl.button_purple__CR140:after {
    background-color: var(--purple-400)
}

.button_button___iXOl.button_purple__CR140:hover:after {
    transform: scaleX(1)
}

.button_button___iXOl.button_purple__CR140:disabled {
    background-color: var(--purple-100);
    border-color: var(--purple-200)
}

.button_button___iXOl.button_purple__CR140:disabled:after {
    display: none
}

.button_button___iXOl.button_light__SipUy {
    background-color: var(--white);
    border-color: var(--purple-400)
}

.button_button___iXOl.button_light__SipUy:after {
    background-color: var(--purple-300)
}

.button_button___iXOl.button_light__SipUy:hover:after {
    transform: scaleX(1)
}

.button_button___iXOl.button_light__SipUy:disabled {
    border-color: var(--purple-200)
}

.button_button___iXOl.button_light__SipUy:disabled:after {
    display: none
}

.button_button___iXOl.button_hero__8_yyI {
    background-color: var(--white);
    border-color: var(--black)
}

.button_button___iXOl.button_hero__8_yyI:after {
    background-color: var(--purple-300)
}

.button_button___iXOl.button_hero__8_yyI:hover:after {
    transform: scaleX(1)
}

.button_button___iXOl.button_hero__8_yyI:disabled {
    border-color: var(--purple-200)
}

.button_button___iXOl.button_hero__8_yyI:disabled:after {
    display: none
}

.button_button___iXOl.button_green__081Cv {
    background-color: var(--green-300);
    border-color: var(--green-400)
}

.button_button___iXOl.button_green__081Cv:after {
    background-color: var(--green-400)
}

.button_button___iXOl.button_green__081Cv:hover:after {
    transform: scaleX(1)
}

.button_button___iXOl.button_green__081Cv:disabled {
    background-color: var(--green-100);
    border-color: var(--green-200)
}

.button_button___iXOl.button_green__081Cv:disabled:after {
    display: none
}

.button_button___iXOl.button_red__WcLpO {
    background-color: var(--red-300);
    border-color: var(--red-400)
}

.button_button___iXOl.button_red__WcLpO:after {
    background-color: var(--red-400)
}

.button_button___iXOl.button_red__WcLpO:hover:after {
    transform: scaleX(1)
}

.button_button___iXOl.button_red__WcLpO:disabled {
    background-color: var(--red-100);
    border-color: var(--red-200)
}

.button_button___iXOl.button_red__WcLpO:disabled:after {
    display: none
}

.gotop_gotop__kSgNN {
    position: fixed;
    width: calc(var(--1)*40);
    height: calc(var(--1)*40);
    right: calc(var(--1)*20);
    bottom: calc(var(--1)*20);
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--purple-400);
    cursor: pointer;
    opacity: 0;
    transform: translateY(calc(var(--1) * 50));
    transition: all .5s ease-in-out
}

.gotop_gotop__kSgNN img {
    width: calc(var(--1)*20);
    height: calc(var(--1)*20)
}

@media(max-width:991.98px) {
    .gotop_gotop__kSgNN {
        width: calc(var(--1)*30);
        height: calc(var(--1)*30);
        right: calc(var(--1)*15);
        bottom: calc(var(--1)*15)
    }

    .gotop_gotop__kSgNN img {
        width: calc(var(--1)*15);
        height: calc(var(--1)*15)
    }
}

.gotop_gotop__kSgNN img {
    rotate: 180deg
}

.gotop_gotop__kSgNN.gotop_active__FyabT {
    opacity: 1;
    transform: translateY(0)
}

.about_about__dGCRq .about_img__UtiQ7 {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    object-fit: contain
}

@keyframes about_shineDiamond__sHXct {
    50% {
        filter: brightness(1.2)
    }
}

@media(min-width:992px) {
    .about_about__dGCRq .about_img__UtiQ7 {
        width: calc(var(--1)*264);
        height: calc(var(--1)*171);
        transform: translate(35%);
        animation: about_shineDiamond__sHXct 1s ease-in-out infinite
    }
}

@media(max-width:991.98px) {
    .about_about__dGCRq .about_img__UtiQ7 {
        width: calc(var(--1)*201);
        height: calc(var(--1)*197);
        transform: translate(-10%, -30%)
    }
}

.about_about__dGCRq .about_container__iOiGP {
    position: relative
}

.about_about__dGCRq .about_container__iOiGP .about_box__ipj2B {
    display: flex
}

@media(min-width:992px) {
    .about_about__dGCRq .about_container__iOiGP .about_box__ipj2B {
        gap: calc(var(--1)*90);
        padding-block: calc(var(--1)*80);
        padding-inline: calc(var(--1)*68)
    }
}

@media(max-width:991.98px) {
    .about_about__dGCRq .about_container__iOiGP .about_box__ipj2B {
        padding-block: calc(var(--1)*58);
        padding-inline: calc(var(--1)*26);
        gap: calc(var(--1)*20);
        flex-direction: column;
        text-align: center
    }
}

.about_about__dGCRq .about_container__iOiGP .about_box__ipj2B .about_btns__BOh8Q {
    display: flex;
    gap: calc(var(--1)*14)
}

@media(max-width:991.98px) {
    .about_about__dGCRq .about_container__iOiGP .about_box__ipj2B .about_btns__BOh8Q {
        flex-direction: column;
        align-items: center
    }
}

.about_about__dGCRq .about_container__iOiGP .about_box__ipj2B .about_content__Z9dG6 {
    flex: 482 1;
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*30);
    justify-content: center
}

.about_about__dGCRq .about_container__iOiGP .about_box__ipj2B .about_content__Z9dG6 .about_title__eoYbR {
    text-transform: uppercase
}

.about_about__dGCRq .about_container__iOiGP .about_box__ipj2B .about_para__CmoiG {
    flex: 524 1;
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*25)
}

.hero_hero__P3Enl {
    position: relative;
    overflow: hidden;
    isolation: isolate;
        background: linear-gradient(135deg, #18a854 0, #1bd771 18%, #4848d3 36%, #0b83ff 54%, var(--blue-200) 70%, var(--blue-200) 80%, #f50000 100%);
    display: flex
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl {
        height: calc(var(--1)*1000);
        display: flex;
        flex-direction: column
    }
}

@media(min-width:992px) {
    .hero_hero__P3Enl {
        height: min(100svh - var(--1)*100, var(--1)*950)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P {
    flex: 1 1;
    height: 100%;
    position: relative;
    display: flex;
    padding-bottom: calc(var(--1)*150)
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P {
        padding-inline: 0 !important
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 90%;
    flex: 1 1;
    transform: translate(-50%, -50%)
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR {
        transform: translate(-50%, -65%)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_text__Y_6VP {
    position: absolute;
    left: 50%;
    top: 0;
    width: calc(var(--1)*639);
    height: calc(var(--1)*510);
    transform: translate(-50%, calc(var(--1) * 80))
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_text__Y_6VP {
        --1: min(0.069vw, 0.1vh, 1.3px);
        transform: translate(-100%, calc(var(--1) * 120))
    }
}

@media (max-width: 991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_text__Y_6VP {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh !important;
        transform: none !important;
        margin: 0 !important;
        object-fit: cover; /* Ensures video covers entire area */
        z-index: -1; /* Optional: places behind other content */
    }
    
    /* Optional: adjust parent containers to allow full screen */
    .hero_hero__P3Enl,
    .hero_container__Q1q1P,
    .hero_box__jBjoR {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        height: 70% !important;
        max-width: none !important;
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_rabbit__L_EyG {
    position: absolute;
    left: 50%;
    top: 0;
    width: calc(var(--1)*425);
    height: calc(var(--1)*517);
    transform: translate(-116%, calc(var(--1) * -110))
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_rabbit__L_EyG {
        --1: min(0.069vw, 0.1vh, 1.3px);
        transform: translate(-85%, calc(var(--1) * -150)) rotateY(180deg);
        left: 50%
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_rabbit__L_EyG {
        --1: min(0.19vw, 0.12svh);
        width: calc(var(--1)*318);
        height: calc(var(--1)*390);
        transform: translate(-105%, calc(var(--1) * -20)) scaleX(-1)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar1__o9gl8 {
    position: absolute;
    width: calc(var(--1)*95);
    height: calc(var(--1)*114);
    transform: translate(-250%, -40%)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar1__o9gl8 {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        top: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translate(-400%)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar1__o9gl8 {
        --1: min(0.19vw, 0.12svh);
        top: 50%;
        left: 0;
        width: calc(var(--1)*48);
        height: calc(var(--1)*57);
        transform: translate(-50%, -250%) rotate(90deg)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar2__eXcnh {
    position: absolute
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar2__eXcnh {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        bottom: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translateY(-80%)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar2__eXcnh {
        --1: min(0.19vw, 0.12svh);
        top: 50%;
        left: 0;
        width: calc(var(--1)*48);
        height: calc(var(--1)*57);
        transform: translate(600%, -650%) rotate(-15deg)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar3__Ob6zN {
    position: absolute;
    width: calc(var(--1)*95);
    height: calc(var(--1)*114)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar3__Ob6zN {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        top: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translate(-400%, 500%) rotate(-10deg)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar3__Ob6zN {
        --1: min(0.19vw, 0.12svh);
        top: 50%;
        left: 0;
        width: calc(var(--1)*48);
        height: calc(var(--1)*57);
        transform: translate(800%, -500%) rotate(-10deg)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar4__TseKQ {
    position: absolute;
    width: calc(var(--1)*95);
    height: calc(var(--1)*114);
    transform: translate(-250%, -40%) rotate(-110deg)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar4__TseKQ {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        top: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translate(-300%, 450%) rotate(-10deg)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar4__TseKQ {
        --1: min(0.19vw, 0.12svh);
        top: 50%;
        left: 0;
        width: calc(var(--1)*48);
        height: calc(var(--1)*57);
        transform: translate(800%) rotate(0deg)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar5__eBCfG {
    position: absolute;
    width: calc(var(--1)*95);
    height: calc(var(--1)*114)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar5__eBCfG {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        top: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translateY(250%) rotate(-10deg)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar5__eBCfG {
        --1: min(0.19vw, 0.12svh);
        top: 50%;
        left: 0;
        width: calc(var(--1)*48);
        height: calc(var(--1)*57);
        transform: translate(300%, 200%) rotate(-25deg)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar6__SZCOg {
    position: absolute;
    width: calc(var(--1)*95);
    height: calc(var(--1)*114);
    transform: translate(-250%, -40%) rotate(-110deg)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar6__SZCOg {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        top: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translate(-750%, 250%) rotate(-40deg)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar6__SZCOg {
        --1: min(0.19vw, 0.12svh);
        top: 50%;
        left: 0;
        width: calc(var(--1)*48);
        height: calc(var(--1)*57);
        transform: translate(150%, 300%) rotate(-35deg)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar7__eUiAB {
    position: absolute;
    width: calc(var(--1)*95);
    height: calc(var(--1)*114);
    transform: translate(-250%, -40%) rotate(-110deg)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar7__eUiAB {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        top: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translate(-720%, 120%) rotate(-90deg)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar7__eUiAB {
        --1: min(0.19vw, 0.12svh);
        top: 50%;
        left: 0;
        width: calc(var(--1)*48);
        height: calc(var(--1)*57);
        transform: translate(450%, -600%) rotate(-15deg)
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar8__NPxeF {
    position: absolute;
    width: calc(var(--1)*95);
    height: calc(var(--1)*114);
    transform: translate(-250%, -40%) rotate(-110deg)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar8__NPxeF {
        --1: min(0.069vw, 0.1vh, 1.3px);
        left: 50%;
        top: 0;
        width: calc(var(--1)*95);
        height: calc(var(--1)*114);
        transform: translate(450%, 150%) rotate(-60deg)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollar8__NPxeF {
        display: none
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollars__yArBy {
    position: absolute;
    left: 50%;
    top: 0;
    width: calc(var(--1)*257);
    height: calc(var(--1)*229);
    transform: translate(-190%, 140%)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollars__yArBy {
        --1: min(0.069vw, 0.1vh, 1.3px)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_dollars__yArBy {
        --1: min(0.19vw, 0.12svh);
        width: calc(var(--1)*124);
        height: calc(var(--1)*115);
        transform: translate(-195%, calc(var(--1) * 340));
        z-index: 1
    }
}

.hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_button__yq8BO {
    position: absolute;
    left: 50%;
    top: calc(var(--1)*50);
    min-width: max-content;
    width: calc(var(--1)*240);
    min-height: calc(var(--1)*60);
    transform: translate(-50%, calc(var(--1) * 450));
    font-family: Super Foods, Arial, Helvetica, sans-serif !important;
    font-size: calc(var(--1)*32);
    box-shadow: -5px 5px 2px rgba(0, 0, 0, .314)
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_button__yq8BO {
        --1: min(0.069vw, 0.1vh, 1.3px);
        transform: translate(-240%, calc(var(--1) * 480))
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_container__Q1q1P .hero_box__jBjoR .hero_button__yq8BO {
        --1: min(0.19vw, 0.12svh);
        top: 0;
        transform: translate(-50%, calc(var(--1) * 370));
        width: calc(var(--1)*226);
        height: calc(var(--1)*88);
        font-size: calc(var(--1)*31);
        display: none
    }
}

.hero_hero__P3Enl .hero_cloud__hSSur {
    position: absolute;
    width: 100%;
    height: calc(var(--1)*701);
    left: 50%;
    bottom: 0;
    transform: translate(-50%, calc(var(--1) * 120));
    pointer-events: none
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_cloud__hSSur {
        --1: min(0.069vw, 0.1vh, 1.3px)
    }
}

.hero_hero__P3Enl .hero_cloud__hSSur:last-child {
    z-index: -1;
    transform: translate(-50%, calc(var(--1) * -50)) scaleX(-1)
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_cloud__hSSur {
        --1: min(0.19vw, 0.12svh);
        width: 110%;
        height: calc(var(--1)*350);
        transform: translate(-50%, calc(var(--1) * 50))
    }

    .hero_hero__P3Enl .hero_cloud__hSSur:last-child {
        z-index: -1;
        transform: translate(-50%, calc(var(--1) * -50)) scaleX(-1)
    }
}

.hero_hero__P3Enl .hero_heroImg__Deb6J {
    position: absolute;
    width: calc(var(--1)*450);
    height: calc(var(--1)*453);
    right: 15%;
    bottom: 0;
    transform: translateX(50%);
    z-index: 1;
    pointer-events: none
}

@media(min-width:992px) {
    .hero_hero__P3Enl .hero_heroImg__Deb6J {
        --1: min(0.048vw, 0.1vh, 1px);
        right: unset;
        left: 50%;
        transform: translateX(160%)
    }
}

@media(max-width:991.98px) {
    .hero_hero__P3Enl .hero_heroImg__Deb6J {
        display: none;
        --1: min(0.19vw, 0.115svh);
        width: calc(var(--1)*377);
        height: calc(var(--1)*381);
        left: unset;
        right: 0;
        transform: translateX(10%)
    }
}

.referral_referral__0iIhd .referral_container__l_Wqx {
    display: flex;
    gap: calc(var(--1)*24);
    position: relative;
    overflow: hidden
}

@media(max-width:991.98px) {
    .referral_referral__0iIhd .referral_container__l_Wqx {
        text-align: center;
        flex-direction: column
    }
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_diamonds__R78C4 {
    position: absolute;
    left: 50%;
    top: -1px;
    transform: translate(-50%, -20%);
    width: calc(var(--1) * 392);
    height: calc(var(--1) * 401);
    pointer-events: none;
}

@media(max-width:991.98px) {
    .referral_referral__0iIhd .referral_container__l_Wqx .referral_diamonds__R78C4 {
        transform: translate(-50%, -58%);
        width: calc(var(--1) * 200);
        height: calc(var(--1) * 179);
    }
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_box__GxlvX {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: calc(var(--1)*20);
    position: relative
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_box__GxlvX:first-child {
    flex: 626 1
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_box__GxlvX:nth-child(2) {
    flex: 573 1
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_box__GxlvX .referral_points__g59I_ {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: calc(var(--1)*10)
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_box__GxlvX button {
    margin-inline: auto
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_input__Xb5ux {
    height: calc(var(--1)*52);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--red-200);
    padding-inline: calc(var(--1)*24);
    border-radius: calc(var(--1)*30);
    border: calc(var(--1)*3) solid var(--black);
    cursor: pointer
}

.referral_referral__0iIhd .referral_container__l_Wqx .referral_input__Xb5ux img {
    width: calc(var(--1)*20);
    height: calc(var(--1)*20)
}

@keyframes modal_fadeIn__DYMWZ {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modal_ModalOverlay__K1uoH {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    isolation: isolate;
    overflow-y: auto;
    padding-block: .5vw;
    transition: all .5s ease-in-out;
    z-index: 9998
}

.modal_ModalOverlay__K1uoH.modal_register__vj0e5 {
    z-index: 9997
}

.modal_ModalOverlay__K1uoH.modal_fading__fvg3N {
    opacity: 0
}

.modal_ModalOverlay__K1uoH .modal_StyledModal__sHsFE {
    position: relative;
    border-radius: calc(var(--1)*56);
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(var(--1)*920);
    height: -moz-fit-content !important;
    height: fit-content !important;
    width: 100%;
    height: 100%
}

@media(max-width:991.98px) {
    .modal_ModalOverlay__K1uoH .modal_StyledModal__sHsFE {
        margin-inline: calc(var(--1)*24)
    }
}

.modal_ModalOverlay__K1uoH .modal_StyledModalBody__cmbvZ {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: calc(var(--1)*520);
    display: flex;
    align-items: center;
    justify-content: center;
    border: calc(var(--1)*3) solid var(--black);
    border-radius: calc(var(--1)*56)
}

.modal_ModalOverlay__K1uoH .modal_StyledModalBody__cmbvZ.modal_hasBg__2nwky {
    background: url(../images/modal-bg.png);
    object-fit: cover
}

.modal_ModalOverlay__K1uoH .modal_StyledCloseIcon__zqnAj {
    position: absolute;
    right: calc(var(--1)*24);
    top: calc(var(--1)*24);
    color: var(--white);
    background-color: #333339;
    border-radius: 50%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: calc(var(--1)*48);
    height: calc(var(--1)*48)
}

.modal_ModalOverlay__K1uoH .modal_StyledCloseIcon__zqnAj img,
.modal_ModalOverlay__K1uoH .modal_StyledCloseIcon__zqnAj svg {
    width: calc(var(--1)*48);
    height: calc(var(--1)*48)
}

@media(max-width:991.98px) {

    .modal_ModalOverlay__K1uoH .modal_StyledCloseIcon__zqnAj,
    .modal_ModalOverlay__K1uoH .modal_StyledCloseIcon__zqnAj img,
    .modal_ModalOverlay__K1uoH .modal_StyledCloseIcon__zqnAj svg {
        width: calc(var(--1)*32);
        height: calc(var(--1)*32)
    }
}

.modal_ModalOverlay__K1uoH .modal_StyledOverlayClose__4o6fb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 1, .122);
    -webkit-backdrop-filter: blur(calc(var(--1) * 8));
    backdrop-filter: blur(calc(var(--1) * 8));
    opacity: 1;
    z-index: -1;
    overflow-y: auto;
    padding-block: .5vw
}

@media(max-width:991.98px) {
    .sessionExpired_content__I0__4 {
        height: calc(var(--1)*400) !important
    }
}

.sessionExpired_content__I0__4 .sessionExpired_texts__lHUnn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--1)*16);
    text-align: center;
    max-width: calc(var(--1)*600)
}

@media(max-width:991.98px) {
    .sessionExpired_content__I0__4 .sessionExpired_texts__lHUnn p {
        max-width: calc(var(--1)*300)
    }
}

.sessionExpired_content__I0__4 .sessionExpired_star__YKZhQ {
    position: absolute;
    width: calc(var(--1)*46);
    height: calc(var(--1)*53)
}

.sessionExpired_content__I0__4 .sessionExpired_star__YKZhQ.sessionExpired_star1__p5fYY {
    display: none
}

.sessionExpired_content__I0__4 .sessionExpired_star__YKZhQ.sessionExpired_star3__r1Wqq {
    right: calc(var(--1)*150);
    top: calc(var(--1)*100)
}

@media(max-width:991.98px) {
    .sessionExpired_content__I0__4 .sessionExpired_star__YKZhQ.sessionExpired_star3__r1Wqq {
        right: calc(var(--1)*20);
        top: calc(var(--1)*120)
    }
}

.sessionExpired_content__I0__4 .sessionExpired_cloud1__fmBAQ {
    position: absolute;
    width: calc(var(--1)*143);
    height: calc(var(--1)*85);
    top: calc(var(--1)*40);
    left: calc(var(--1)*140)
}

@media(max-width:991.98px) {
    .sessionExpired_content__I0__4 .sessionExpired_cloud1__fmBAQ {
        top: calc(var(--1)*20);
        left: calc(var(--1)*-20)
    }
}

.sessionExpired_content__I0__4 .sessionExpired_cloud2__PNDjV {
    position: absolute;
    width: calc(var(--1)*271);
    height: calc(var(--1)*155);
    right: calc(var(--1)*-200);
    bottom: calc(var(--1)*200)
}

@media(max-width:991.98px) {
    .sessionExpired_content__I0__4 .sessionExpired_cloud2__PNDjV {
        width: calc(var(--1)*168);
        height: calc(var(--1)*96);
        right: calc(var(--1)*-20);
        bottom: calc(var(--1)*20)
    }
}

.sessionExpired_content__I0__4 .sessionExpired_cloud3__Ag2sc {
    position: absolute;
    width: calc(var(--1)*202);
    height: calc(var(--1)*120);
    right: calc(var(--1)*0);
    bottom: calc(var(--1)*140)
}

@media(max-width:991.98px) {
    .sessionExpired_content__I0__4 .sessionExpired_cloud3__Ag2sc {
        width: calc(var(--1)*109);
        height: calc(var(--1)*64);
        right: calc(var(--1)*100);
        bottom: calc(var(--1)*0)
    }
}

.sessionExpired_content__I0__4 .sessionExpired_hero__RhNtd {
    width: calc(var(--1)*408);
    height: calc(var(--1)*501);
    position: absolute;
    bottom: calc(var(--1)*-42);
    left: calc(var(--1)*-120)
}

@media(max-width:991.98px) {
    .sessionExpired_content__I0__4 .sessionExpired_hero__RhNtd {
        width: calc(var(--1)*245);
        height: calc(var(--1)*411);
        bottom: calc(var(--1)*-80);
        left: calc(var(--1)*-60)
    }
}

.shareReferral_referral__sl036 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--1)*42);
    padding: 0;
    overflow: hidden
}

@media(max-width:991.98px) {
    .shareReferral_referral__sl036 {
        --1: 0.16vw
    }
}

.shareReferral_referral__sl036 .shareReferral_refImg__Retsp {
    position: relative;
    width: calc(var(--1)*108);
    height: calc(var(--1)*108);
    margin-inline: auto;
    margin-top: calc(var(--1)*24);
    margin-bottom: calc(var(--1)*24);
    filter: brightness(0)
}

.shareReferral_referral__sl036 h2 {
    color: #000;
    text-align: center;
    font-size: calc(var(--1)*32);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: calc(var(--1)*-.64);
    margin-bottom: calc(var(--1)*24)
}

.shareReferral_referral__sl036 .shareReferral_whiteBg__KmbEn p {
    letter-spacing: calc(var(--1)*-1);
    color: #000;
    text-align: center;
    font-size: calc(var(--1)*18);
    font-style: normal;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: calc(var(--1)*-.32)
}

.shareReferral_referral__sl036 .shareReferral_whiteBg__KmbEn p span {
    color: var(--purple-400)
}

.shareReferral_referral__sl036 .shareReferral_whiteBg__KmbEn div {
    color: #000;
    padding: calc(var(--1)*16);
    text-align: center;
    font-size: calc(var(--1)*18);
    font-style: normal;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: calc(var(--1)*-.32);
    border-radius: calc(var(--1)*12);
    margin-top: calc(var(--1)*24);
    margin-bottom: calc(var(--1)*67)
}

.shareReferral_referral__sl036 .shareReferral_socialShare__Ij_7i {
    display: flex;
    gap: calc(var(--1)*20);
    justify-content: center
}

.shareReferral_referral__sl036 .shareReferral_socialShare__Ij_7i button {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 !important
}

.shareReferral_referral__sl036 .shareReferral_socialShare__Ij_7i svg {
    width: calc(var(--1)*32);
    height: calc(var(--1)*32)
}

.shareReferral_referral__sl036 .shareReferral_directly__8yy3C {
    padding: 0;
    margin: 0;
    width: 100%;
    padding-block: calc(var(--1)*45) calc(var(--1)*25);
    position: relative
}

.shareReferral_referral__sl036 .shareReferral_directly__8yy3C>button {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    min-width: max-content !important;
    padding-inline: calc(var(--1)*16) !important
}

.shareReferral_referral__sl036 .shareReferral_directly__8yy3C p {
    color: #000;
    text-align: center;
    font-size: calc(var(--1)*16);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: calc(var(--1)*-.32);
    margin-bottom: calc(var(--1)*16)
}

.shareReferral_referral__sl036 .shareReferral_directly__8yy3C .shareReferral_text__bFN8y {
    display: flex;
    align-items: center;
    gap: calc(var(--1)*1);
    margin-bottom: calc(var(--1)*42)
}

.shareReferral_referral__sl036 .shareReferral_directly__8yy3C .shareReferral_text__bFN8y span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--1)*68);
    height: calc(var(--1)*69);
    border-radius: calc(var(--1)*1);
    background-color: var(--white);
    font-style: normal;
    font-weight: 500;
    font-size: calc(var(--1)*38);
    line-height: calc(var(--1)*60);
    text-align: center;
    letter-spacing: calc(var(--1)*-1);
    color: #000
}

.shareReferral_referral__sl036 .shareReferral_directly__8yy3C button {
    margin-inline: auto
}

.shareReferral_notRef__Hy6k9 {
    pointer-events: none
}

.shareReferral_blueLink__hrjrU {
    z-index: 1;
    background-color: var(--blue-400);
    color: #000
}

.roadmap_roadmap__VmVz9 {
    position: relative
}

.roadmap_roadmap__VmVz9 .roadmap_refCont__G0_ST {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--1)*24);
    gap: calc(var(--1)*24);
    position: relative;
    isolation: isolate
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 {
        grid-template-columns: 1fr;
        overflow: hidden
    }
}

@keyframes roadmap_roadAnimation__sKkMi {
    0% {
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes roadmap_roadAnimation2__GjU4w {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        opacity: 0
    }

    1% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        opacity: 1
    }

    to {
        -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
        clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
        opacity: 1
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_road__sBkhJ {
    position: absolute;
    top: calc(var(--1)*-50);
    aspect-ratio: 1748/766;
    width: calc(var(--1)*2400);
    height: calc(var(--1)*600);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_road__sBkhJ.roadmap_active__ctZHr {
    animation: roadmap_roadAnimation__sKkMi 3.5s ease-in-out forwards;
    opacity: 1
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_road__sBkhJ.roadmap_active__ctZHr.roadmap_roadMobile__31qY6 {
    animation: roadmap_roadAnimation2__GjU4w 3.5s ease-in-out 2s forwards;
    opacity: 0
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_road__sBkhJ {
        width: 300%;
        z-index: -1;
        top: calc(var(--1)*100)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_road__sBkhJ.roadmap_roadMobile__31qY6 {
        bottom: calc(var(--1)*0);
        top: unset;
        left: 0
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_img__rdS_r {
    pointer-events: none
}

@media(min-width:992px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_img__rdS_r {
        position: absolute;
        left: 50%;
        top: 0;
        width: calc(var(--1)*432);
        height: calc(var(--1)*535);
        transform: translate(10%, calc(var(--1) * -70));
        z-index: 2
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_img__rdS_r:first-child {
        z-index: 2;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%);
        clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_img__rdS_r:last-child {
        z-index: -1
    }
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_img__rdS_r {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -55%);
        width: calc(var(--1)*376);
        height: calc(var(--1)*489)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_img__rdS_r:last-child {
        display: none
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_imgBox__VYXqB {
        height: calc(var(--1)*470);
        position: relative;
        margin-top: 25%;
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK {
    position: relative;
    overflow: hidden
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK .roadmap_title__bmIq_ {
    margin-bottom: calc(var(--1)*10)
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK .roadmap_title__bmIq_ {
        margin-inline: auto;
        width: -moz-fit-content;
        width: fit-content
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK .roadmap_para__V_B_S {
        text-align: center
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK:first-child {
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*20);
    position: relative;
    z-index: 100
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK:first-child {
        text-align: center
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK:first-of-type {
    position: relative;
    z-index: 4
}

@media(min-width:992px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG {
        grid-column: 1/3
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN {
    display: flex;
    padding-inline: calc(var(--1)*30);
    justify-content: space-between;
    padding-bottom: calc(var(--1)*30);
    margin-bottom: calc(var(--1)*30);
    position: relative;
    gap: calc(var(--1)*30);
    transition: left .8s ease-in-out
}

@media(min-width:992px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN {
        width: 180%
    }
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN {
        left: 0 !important;
        width: 350%;
        gap: 0
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(var(--1)*10);
    background-color: var(--green-100);
    border-radius: calc(var(--1)*20)
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: calc(var(--1)*150);
    height: calc(var(--1)*10);
    border-radius: 20px;
    border: 2px solid #000;
    background: #82eb72;
    border-radius: calc(var(--1)*20);
    transition: left .8s ease-in-out
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN:after {
        left: calc(var(--1)*30) !important
    }
}

@media(min-width:992px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li {
        transform: none !important
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN.roadmap_active0__A7Zeh:after {
        left: calc(var(--1)*30)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN.roadmap_active1__oAVPL:after {
        left: calc(16.66% + var(--1)*52.5)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN.roadmap_active2__pRmQL:after {
        left: calc(33.33% + var(--1)*75)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN.roadmap_active3__la962:after {
        left: calc(50% + var(--1)*97.5)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN.roadmap_active4__9uOIR:after {
        left: calc(66.66% + var(--1)*120)
    }
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN {
        padding-inline: calc(var(--1)*30)
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li {
    width: calc(var(--1)*150);
    list-style: none;
    color: #c6c6c6;
    font-size: calc(var(--1)*26);
    font-style: normal;
    font-weight: 700;
    line-height: 1.11;
    cursor: pointer;
    text-align: left;
    transition: color .8s ease-in-out, transform .8s ease-in-out;
    position: relative
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li span {
    display: flex;
    transition: padding .8s ease-in-out;
    min-width: max-content;
    padding-left: calc(var(--1)*10)
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li p {
    display: flex;
    position: absolute;
    left: 0;
    opacity: 0;
    min-width: max-content;
    transition: opacity .8s ease-in-out
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li p {
        font-size: calc(var(--1)*16)
    }

    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li {
        width: unset;
        flex: 1 1;
        min-width: max-content;
        transition: color .8s ease-in-out, transform .8s ease-in-out
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li.roadmap_active__ctZHr {
    color: var(--black)
}

@media(min-width:992px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li.roadmap_active__ctZHr {
        transform: translateY(calc(var(--1) * -20)) !important
    }
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li.roadmap_active__ctZHr {
        padding-bottom: calc(var(--1)*10)
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li.roadmap_active__ctZHr span {
    padding-left: 0
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_bar__NZGJN li.roadmap_active__ctZHr p {
    opacity: 1
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw {
    height: calc(var(--1)*250)
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul {
    position: absolute;
    opacity: 0;
    transition: all .8s ease-in-out;
    padding-left: calc(var(--1)*10);
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*10)
}

@media(min-width:992px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul {
        flex-direction: row;
        gap: calc(var(--1)*20)
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul li {
    list-style: none;
    padding-left: calc(var(--1)*26);
    position: relative;
    transition: all .8s ease-in-out
}

@media(min-width:992px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul li {
        max-width: 30%
    }
}

@media(max-width:991.98px) {
    .roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul li {
        max-width: 95%
    }
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(calc(var(--1) * 8));
    width: calc(var(--1)*10);
    height: calc(var(--1)*10);
    background-color: var(--green-400);
    border-radius: 50%
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_active__ctZHr {
    opacity: 1
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_active__ctZHr li {
    transform: translateX(0)
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y {
    transform: translateX(calc(var(--1) * -300))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:first-child {
    transform: translateX(calc(var(--1) * -50))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:nth-child(2) {
    transform: translateX(calc(var(--1) * -100))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:nth-child(3) {
    transform: translateX(calc(var(--1) * -150))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:nth-child(4) {
    transform: translateX(calc(var(--1) * -200))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:nth-child(5) {
    transform: translateX(calc(var(--1) * -250))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:nth-child(6) {
    transform: translateX(calc(var(--1) * -300))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:nth-child(7) {
    transform: translateX(calc(var(--1) * -350))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_prev__sH0_y li:nth-child(8) {
    transform: translateX(calc(var(--1) * -400))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 {
    transform: translateX(calc(var(--1) * 300))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:first-child {
    transform: translateX(calc(var(--1) * 50))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:nth-child(2) {
    transform: translateX(calc(var(--1) * 100))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:nth-child(3) {
    transform: translateX(calc(var(--1) * 150))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:nth-child(4) {
    transform: translateX(calc(var(--1) * 200))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:nth-child(5) {
    transform: translateX(calc(var(--1) * 250))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:nth-child(6) {
    transform: translateX(calc(var(--1) * 300))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:nth-child(7) {
    transform: translateX(calc(var(--1) * 350))
}

.roadmap_roadmap__VmVz9 .roadmap_container___sUv0 .roadmap_box__G2JhK.roadmap_roadmapList__0IrvG .roadmap_roadmapContent__8UYRw ul.roadmap_next__aDs55 li:nth-child(8) {
    transform: translateX(calc(var(--1) * 400))
}

.addClass_addclass__fVeBW {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.secure_secure__p_3dX .secure_container__iMNUM {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--1)*24);
    position: relative;
    overflow: hidden
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM {
        text-align: center
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_img__azxNe {
    position: absolute;
    pointer-events: none;
    width: calc(var(--1)*107);
    height: calc(var(--1)*146)
}

@media(min-width:992px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_img__azxNe {
        left: -8%;
        top: 6px;
        transform: translate(170%, -40%)
    }
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_img__azxNe {
        --1: 0.14vw;
        left: calc(var(--1)*20);
        top: 0;
        transform: translate(-40%, -25%)
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi {
    display: flex;
    position: relative
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child {
    width: 100%;
    gap: calc(var(--1)*90);
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_coin__6TtAs {
    position: absolute;
    right: 0;
    top: 50%
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_coin__6TtAs {
        top: 0
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_coin__6TtAs.secure_coin1__W8J7F {
    transform: translate(-85%, -50%);
    width: calc(var(--1)*132);
    height: calc(var(--1)*126)
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_coin__6TtAs.secure_coin1__W8J7F {
        transform: translate(calc(var(--1) * -30), 55%);
        width: calc(var(--1)*81);
        height: calc(var(--1)*76)
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_coin__6TtAs.secure_coin2__uTwkS {
    transform: translate(-50%, -60%);
    width: calc(var(--1)*135);
    height: calc(var(--1)*142)
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_coin__6TtAs.secure_coin2__uTwkS {
        transform: translate(calc(var(--1) * 8), 15%);
        width: calc(var(--1)*83);
        height: calc(var(--1)*87)
    }
}

@media(min-width:992px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child {
        padding-block: calc(var(--1)*76)
    }

    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_star__r0N_K {
        display: none
    }
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child {
        flex-direction: column;
        gap: calc(var(--1)*20);
        padding-top: calc(var(--1)*130)
    }

    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_star__r0N_K {
        position: absolute;
        width: calc(var(--1)*46);
        height: calc(var(--1)*53);
        left: 0;
        top: 0;
        transform: translate(90%, 100%)
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_keepImg__qN65n {
    position: absolute;
    width: calc(var(--1) * 396);
    height: calc(var(--1) * 347);
    left: 78%;
    top: 145%;
    z-index: 50;
    transform: translate(-120%, -58%);
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_keepImg__qN65n {
        top: 21px;
        width: calc(var(--1)*200);
        height: calc(var(--1)*204);
        transform: translate(-45%, -30%);
        left: 44%;
    }
}

@media(min-width:992px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:first-child .secure_title__Hd_Ef {
        font-size: calc(var(--1)*63)
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(2) {
    flex: 647 1;
    text-align: center;
    flex-direction: column;
    gap: calc(var(--1)*20)
}

@keyframes secure_secureKeysAnimation___hTkX {
    40% {
        transform: translate(-10%, -27%) rotate(0deg)
    }

    45% {
        transform: translate(-10%, -27%) rotate(-8deg)
    }

    55% {
        transform: translate(-10%, -27%) rotate(8deg)
    }

    65% {
        transform: translate(-10%, -27%) rotate(-8deg)
    }

    75% {
        transform: translate(-10%, -27%) rotate(8deg)
    }

    85% {
        transform: translate(-10%, -27%) rotate(-8deg)
    }

    95% {
        transform: translate(-10%, -27%) rotate(8deg)
    }

    to {
        transform: translate(-10%, -27%) rotate(0deg)
    }
}

@keyframes secure_secureKeysAnimationMobile__ssRMI {
    40% {
        transform: translate(-50%, 25%) rotate(0deg)
    }

    45% {
        transform: translate(-50%, 25%) rotate(-8deg)
    }

    55% {
        transform: translate(-50%, 25%) rotate(8deg)
    }

    65% {
        transform: translate(-50%, 25%) rotate(-8deg)
    }

    75% {
        transform: translate(-50%, 25%) rotate(8deg)
    }

    85% {
        transform: translate(-50%, 25%) rotate(-8deg)
    }

    95% {
        transform: translate(-50%, 25%) rotate(8deg)
    }

    to {
        transform: translate(-50%, 25%) rotate(0deg)
    }
}

@media(min-width:992px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(2) .secure_secureKeys__h9uis {
        position: absolute;
        width: calc(var(--1)*177);
        height: calc(var(--1)*246);
        left: calc(var(--1)*-30);
        top: 0;
        transform: translate(-10%, -27%) rotate(0deg);
        animation: secure_secureKeysAnimation___hTkX 5s ease-in-out infinite
    }
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(2) .secure_secureKeys__h9uis {
       position: absolute;
        width: calc(var(--1) * 108);
        height: calc(var(--1) * 109);
        left: calc(var(--1) * 30);
        top: calc(var(--1) * -50);
        transform: translate(-50%, 25%) rotate(0deg);
        animation: secure_secureKeysAnimationMobile__ssRMI 5s ease-in-out infinite;
    }
}

@media(min-width:992px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(2) .secure_star__r0N_K {
        position: absolute;
        width: calc(var(--1)*46);
        height: calc(var(--1)*53);
        left: 0;
        top: 0;
        transform: translate(50%, 50%)
    }
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(2) .secure_star__r0N_K {
        position: absolute;
        width: calc(var(--1)*46);
        height: calc(var(--1)*53);
        left: 0;
        top: 0;
        transform: translate(20%, 50%)
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(3) {
    flex: 548 1;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--1)*25)
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(3) .secure_whitepaperImg__83z4H {
    position: absolute;
    width: calc(var(--1)*169);
    height: calc(var(--1)*92);
    left: 50%;
    top: 0;
    transform: translate(-50%, -40%)
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_box__NcMvi:nth-child(3) .secure_whitepaperImg__83z4H {
        width: calc(var(--1)*127);
        height: calc(var(--1)*69);
        transform: translate(-50%, -30%)
    }
}

@keyframes secure_paperAnimation1__TzX9a {
    50% {
        transform: translate(-50%, -100%) rotate(30deg)
    }
}

@keyframes secure_paperAnimation2__airqR {
    50% {
        transform: translate(-50%, -80%) rotate(50deg)
    }
}

@keyframes secure_paperAnimation3__BFhEG {
    50% {
        transform: translate(-50%, 20%) rotate(-50deg)
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-150%);
    overflow: hidden;
    pointer-events: none
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L.secure_active__E4Rg_ {
    transform: translateY(150%);
    transition: 3s ease-out;
    overflow: unset
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB {
    position: absolute
}

@media(max-width:991.98px) {
    .secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB {
        --1: 0.1vw
    }
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB:nth-child(3n-1) {
    transform: translate(-50%, -50%) rotate(-30deg);
    animation: secure_paperAnimation1__TzX9a 2s ease-in-out infinite
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB:nth-child(3n-2) {
    transform: translate(-50%, -50%) rotate(0deg);
    animation: secure_paperAnimation2__airqR 2s linear infinite
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB:nth-child(3n-3) {
    transform: translate(-50%, -50%) rotate(0deg);
    animation: secure_paperAnimation3__BFhEG 2s linear infinite
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB:nth-child(3n-1) {
    animation-delay: -.5s
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB:nth-child(3n-2) {
    animation-delay: -1s
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB:nth-child(3n-3) {
    animation-delay: -1.5s
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper1__OPvoM,
.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper5__m6hNg {
    width: calc(var(--1)*472);
    height: calc(var(--1)*410)
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper2__x5XWO,
.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper6__wrvGx,
.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper7__57qAR {
    width: calc(var(--1)*368);
    height: calc(var(--1)*262)
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper3__bK5zl {
    width: calc(var(--1)*426);
    height: calc(var(--1)*370)
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper4__jYKb4 {
    width: calc(var(--1)*456);
    height: calc(var(--1)*380)
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper1__OPvoM {
    left: 60%;
    top: 70%
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper2__x5XWO {
    left: 55%;
    top: 50%
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper3__bK5zl {
    left: 40%;
    top: 70%
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper4__jYKb4 {
    left: 80%;
    top: 30%
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper5__m6hNg {
    left: 60%;
    top: 20%
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper6__wrvGx {
    left: 80%;
    top: 30%
}

.secure_secure__p_3dX .secure_container__iMNUM .secure_papers__i1R_L .secure_paper__mM6YB.secure_paper7__57qAR {
    left: 80%;
    top: 80%
}

.signup_signup__utrpM .signup_container__Z7rv7 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--1)*24);
    gap: calc(var(--1)*24);
    position: relative;
    isolation: isolate
}

@media(max-width:991.98px) {
    .signup_signup__utrpM .signup_container__Z7rv7 {
        grid-template-columns: 1fr
    }
}

@keyframes signup_signupAnimation__63TNx {
    0% {
        transform: translate(calc(var(--1) * 10), calc(var(--1) * 10)) rotate(0deg)
    }

    5% {
        transform: translate(calc(var(--1) * 14), calc(var(--1) * 10)) rotate(3deg)
    }

    10% {
        transform: translate(calc(var(--1) * 15), calc(var(--1) * 15)) rotate(-3deg)
    }

    15% {
        transform: translate(calc(var(--1) * 5), calc(var(--1) * 5)) rotate(3deg)
    }

    20% {
        transform: translate(calc(var(--1) * 7), calc(var(--1) * 17)) rotate(-3deg)
    }

    25% {
        transform: translate(calc(var(--1) * 17), calc(var(--1) * 7)) rotate(3deg)
    }

    30% {
        transform: translate(calc(var(--1) * -10), calc(var(--1) * 30)) rotate(-3deg)
    }

    35% {
        transform: translate(calc(var(--1) * 20), calc(var(--1) * 0)) rotate(3deg)
    }

    40% {
        transform: translate(calc(var(--1) * 0), calc(var(--1) * 20)) rotate(-3deg)
    }

    45% {
        transform: translate(calc(var(--1) * 20), calc(var(--1) * 10)) rotate(3deg)
    }

    50% {
        transform: translate(calc(var(--1) * 5), calc(var(--1) * 16)) rotate(-3deg)
    }

    55% {
        transform: translate(calc(var(--1) * 15), calc(var(--1) * 5)) rotate(3deg)
    }

    60% {
        transform: translate(calc(var(--1) * -30), calc(var(--1) * 50)) rotate(-3deg)
    }

    65% {
        transform: translate(calc(var(--1) * -20), calc(var(--1) * 40)) rotate(3deg)
    }

    70% {
        transform: translate(calc(var(--1) * -25), calc(var(--1) * 60)) rotate(-3deg)
    }

    75% {
        transform: translate(calc(var(--1) * 10), calc(var(--1) * 30)) rotate(3deg)
    }

    80% {
        transform: translate(calc(var(--1) * -5), calc(var(--1) * 35)) rotate(-3deg)
    }

    85% {
        transform: translate(calc(var(--1) * 15), calc(var(--1) * 25)) rotate(3deg)
    }

    90% {
        transform: translate(calc(var(--1) * 10), calc(var(--1) * 30)) rotate(-3deg)
    }

    95% {
        transform: translate(calc(var(--1) * 20), calc(var(--1) * 0)) rotate(3deg)
    }

    to {
        transform: translate(calc(var(--1) * 10), calc(var(--1) * 10)) rotate(3deg)
    }
}

@media(min-width:992px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_img___aP_d {
        position: absolute;
        left: 63%;
        top: calc(var(--1)*200);
        width: calc(var(--1)*335);
        height: calc(var(--1)*726);
        transform: translate(10%, calc(var(--1) * 10));
        z-index: 1;
        pointer-events: none;
        animation: signup_signupAnimation__63TNx 40s ease-in-out infinite
    }
}

@media(max-width:991.98px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_img___aP_d {
        position: absolute;
        left: 50%;
        top: 73%;
        transform: translate(-40%, -60%);
        width: calc(var(--1)*350);
        height: calc(var(--1)*450);
        object-fit: contain
    }
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_carrotImg__Wyyrg {
    pointer-events: none
}

@media(min-width:992px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_carrotImg__Wyyrg {
        position: absolute;
        left: 50%;
        top: calc(var(--1)*850);
        transform: translate(-10%, -60%);
        width: calc(var(--1)*350);
        height: calc(var(--1)*450);
        object-fit: contain;
        z-index: -1
    }
}

@media(max-width:991.98px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_carrotImg__Wyyrg {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-120%, 50%);
        width: calc(var(--1)*160);
        height: calc(var(--1)*85);
        object-fit: contain
    }

    .signup_signup__utrpM .signup_container__Z7rv7 .signup_imgBox__10ibV {
        height: calc(var(--1)*320);
        position: relative
    }
}

@media(min-width:992px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_imgBox__10ibV {
        order: 3
    }
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk {
    position: relative;
    overflow: hidden
}

@media(min-width:992px) {
    @keyframes signup_ringDesktop__pbMoJ {
        64% {
            transform: translate(70%, -80%)
        }

        66% {
            transform: translate(70%, -80%) rotate(5deg)
        }

        70% {
            transform: translate(70%, -80%) rotate(-5deg)
        }

        74% {
            transform: translate(70%, -80%) rotate(5deg)
        }

        78% {
            transform: translate(70%, -80%) rotate(-5deg)
        }

        82% {
            transform: translate(70%, -80%) rotate(5deg)
        }

        86% {
            transform: translate(70%, -80%) rotate(-5deg)
        }

        90% {
            transform: translate(70%, -80%) rotate(5deg)
        }

        94% {
            transform: translate(70%, -80%) rotate(-5deg)
        }

        98% {
            transform: translate(70%, -80%) rotate(5deg)
        }
    }

    .signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk .signup_talkImg__FCgot {
        position: absolute;
        width: calc(var(--1)*199);
        height: calc(var(--1)*192);
        left: 0;
        top: 40%;
        transform: translate(70%, -80%);
        animation: signup_ringDesktop__pbMoJ 3s ease-in-out infinite
    }
}

@media(max-width:991.98px) {
    @keyframes signup_ringMobile__zJjby {
        64% {
            transform: translate(-50%, -90%)
        }

        66% {
            transform: translate(-50%, -90%) rotate(5deg)
        }

        70% {
            transform: translate(-50%, -90%) rotate(-5deg)
        }

        74% {
            transform: translate(-50%, -90%) rotate(5deg)
        }

        78% {
            transform: translate(-50%, -90%) rotate(-5deg)
        }

        82% {
            transform: translate(-50%, -90%) rotate(5deg)
        }

        86% {
            transform: translate(-50%, -90%) rotate(-5deg)
        }

        90% {
            transform: translate(-50%, -90%) rotate(5deg)
        }

        94% {
            transform: translate(-50%, -90%) rotate(-5deg)
        }

        98% {
            transform: translate(-50%, -90%) rotate(5deg)
        }
    }

    .signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk .signup_talkImg__FCgot {
        position: absolute;
        width: calc(var(--1)*100);
        height: calc(var(--1)*96);
        left: 50%;
        top: 20%;
        transform: translate(-50%, -90%);
        animation: signup_ringMobile__zJjby 3s ease-in-out infinite
    }

    .signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk h2 {
        font-size: calc(var(--1)*40)
    }
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk:first-child {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*20);
    overflow: unset
}

@media(max-width:991.98px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk:first-child {
        text-align: center
    }
}

@media(min-width:992px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk:first-child {
        grid-column: 1/3
    }

    .signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk:first-child p {
        max-width: calc(var(--1)*430);
        margin-inline: auto
    }
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 {
    grid-column: 1/2
}

@media(min-width:992px) {
    .signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 {
        height: calc(var(--1)*460)
    }
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*24)
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form>input {
    display: flex;
    width: 100%;
    border: none;
    outline: none;
    font-size: calc(var(--1)*20);
    font-style: normal;
    font-weight: 400;
    line-height: 1.44;
    padding-bottom: calc(var(--1)*18);
    border-bottom: 1px solid var(--red-100);
    font-family: inherit
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form>input:focus {
    border-bottom: 1px solid var(--red-400)
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form>input::placeholder {
    color: #c6c6c6
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi {
    display: flex;
    gap: calc(var(--1)*9);
    align-items: center
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi .signup_check__GItAK {
    display: flex;
    width: calc(var(--1)*20);
    height: calc(var(--1)*20);
    width: calc(var(--1)*19);
    height: calc(var(--1)*16);
    border: 1px solid #555;
    border-radius: calc(var(--1)*4)
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi input:checked+.signup_check__GItAK {
    background-color: var(--green-400)
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi label {
    font-size: calc(var(--1)*13);
    color: #999;
    cursor: pointer
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi label a {
    color: var(--black);
    font-weight: 700;
    text-decoration: underline
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi.signup_error__2anYp {
    position: relative;
    max-width: max-content
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi.signup_error__2anYp:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: calc(var(--1)*-5);
    height: 1px;
    background-color: var(--red-400)
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi.signup_error__2anYp .signup_check__GItAK {
    border: 1px solid var(--red-400)
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi.signup_error__2anYp input:checked+.signup_check__GItAK {
    background-color: var(--green-400)
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi.signup_error__2anYp label {
    font-size: calc(var(--1)*13);
    color: #999;
    cursor: pointer
}

.signup_signup__utrpM .signup_container__Z7rv7 .signup_box__FScKk.signup_formBox__75v45 form .signup_checkbox__gmDKi.signup_error__2anYp label a {
    color: var(--black);
    font-weight: 700;
    text-decoration: underline
}

.tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--1)*18) calc(var(--1)*24);
    gap: calc(var(--1)*18) calc(var(--1)*24);
    position: relative;
    isolation: isolate
}

@media(max-width:991.98px) {
    .tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM {
        grid-template-columns: 1fr
    }
}

@media(min-width:992px) {
    .tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_img__TcMCQ {
        position: absolute;
        right: 0;
        top: 0;
        width: calc(var(--1)*468);
        height: calc(var(--1)*650);
        transform: translate(-25%, calc(var(--1) * -20));
        z-index: -1
    }
}

@media(max-width:991.98px) {
    .tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_img__TcMCQ {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -55%);
        height: 352px;
        
    }

    .tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_imgBox__il562 {
        height: calc(var(--1)*303);
        position: relative
    }
}

.tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_box__CcIOP:first-child {
    margin-bottom: calc(var(--1)*6);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*20);
    position: relative
}

@keyframes tokenomics_vaultAnimation___FDY0 {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    25% {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    50% {
        transform: translate(-50%, -50%) rotate(1turn)
    }

    75% {
        transform: translate(-50%, -50%) rotate(1turn)
    }

    to {
        transform: translate(-50%, -50%) rotate(0deg)
    }
}

.tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_box__CcIOP:first-child .tokenomics_vaultImg__ycD0m {
    position: absolute;
    width: calc(var(--1)*140);
    height: calc(var(--1)*140);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 0;
    animation: tokenomics_vaultAnimation___FDY0 8s ease-in-out infinite;
    pointer-events: none
}

@media(max-width:991.98px) {
    .tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_box__CcIOP:first-child .tokenomics_vaultImg__ycD0m {
        width: calc(var(--1)*90);
        height: calc(var(--1)*90)
    }
}

.tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_box__CcIOP:nth-child(3),
.tokenomics_tokenomics__pzHkG .tokenomics_container__9cVlM .tokenomics_box__CcIOP:nth-child(4) {
    grid-column: 1/2
}

.accordion_accordionArea__ZhVJR,
.accordion_accordion__yYO6x {
    position: relative;
    isolation: isolate
}

.accordion_accordion__yYO6x {
    border-radius: calc(var(--1)*56);
    background-color: var(--white);
    border: calc(var(--1)*3) solid #000;
    padding: calc(var(--1)*24) calc(var(--1)*68);
    overflow: hidden
}

.accordion_accordion__yYO6x:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blue-bg);
    z-index: -1;
    transition: transform .8s ease-in-out;
    transform: scaleX(0);
    border-radius: calc(var(--1)*56);
    transform-origin: left
}

.accordion_accordion__yYO6x.accordion_active__iJW9m:after {
    transform: scaleX(1)
}

@media(max-width:991.98px) {
    .accordion_accordion__yYO6x {
        padding: calc(var(--1)*20) calc(var(--1)*20);
        gap: calc(var(--1)*16)
    }
}

.accordion_accordion__yYO6x .accordion_plus__W_dfd {
    width: calc(var(--1)*41);
    min-width: calc(var(--1)*41);
    height: calc(var(--1)*41);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--purple-200);
    border: calc(var(--1)*3) solid var(--purple-400);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(120%, -50%)
}

@media(max-width:991.98px) {
    .accordion_accordion__yYO6x .accordion_plus__W_dfd {
        transform: translate(40%, -50%)
    }
}

.accordion_accordion__yYO6x .accordion_plus__W_dfd:before {
    height: calc(var(--1)*4);
    width: 65%
}

.accordion_accordion__yYO6x .accordion_plus__W_dfd:after,
.accordion_accordion__yYO6x .accordion_plus__W_dfd:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    border-radius: calc(var(--1)*10);
    transition: transform .5s ease-in-out
}

.accordion_accordion__yYO6x .accordion_plus__W_dfd:after {
    width: calc(var(--1)*4);
    height: 65%
}

.accordion_accordion__yYO6x .accordion_plus__W_dfd.accordion_active__iJW9m:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.accordion_accordion__yYO6x .accordion_plus__W_dfd.accordion_active__iJW9m:after {
    transform: translate(-50%, -50%) rotate(270deg)
}

@media(max-width:991.98px) {
    .accordion_accordion__yYO6x {
        padding: calc(var(--1)*24)
    }
}

.accordion_accordion__yYO6x .accordion_title__yq8TU {
    cursor: pointer;
    position: relative
}

.accordion_dropdown__QY8vI {
    transition: max-height .8s ease-in-out, margin .8s ease-in-out, transform .8s ease-in-out;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-inline: auto;
    padding-inline: calc(var(--1)*32);
    background-color: var(--white);
    border: calc(var(--1)*3) solid #000;
    border-top: none;
    border-bottom-left-radius: calc(var(--1)*32);
    border-bottom-right-radius: calc(var(--1)*32);
    transform: translateY(calc(var(--1) * -10));
    z-index: -1;
    text-align: center
}

@media(max-width:991.98px) {
    .accordion_dropdown__QY8vI {
        width: 82%;
        padding-inline: calc(var(--1)*16)
    }
}

.accordion_dropdown__QY8vI>span {
    display: flex;
    height: calc(var(--1)*32);
    opacity: 0;
    margin: 0
}

.accordion_dropdown__QY8vI>p {
    margin-bottom: calc(var(--1)*10)
}

.accordion_dropdown__QY8vI>p:last-child {
    margin: 0
}

.accordion_dropdown__QY8vI.accordion_active__iJW9m {
    height: max-content;
    transform: translateY(0);
    transition: max-height .8s ease-in-out, margin .8s ease-in-out, transform .8s ease-in-out
}

.htb_htb__sP1br .htb_container__1eEd7 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*20)
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd {
    display: flex;
    gap: calc(var(--1)*24);
    padding-block: calc(var(--1)*30);
    position: relative
}

@media(max-width:991.98px) {
    .htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd {
        flex-direction: column;
        padding-block: calc(var(--1)*12)
    }
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:after {
    content: "";
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: #c9dbff;
    width: calc(var(--1)*2);
    height: 80%
}

@media(max-width:991.98px) {
    .htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:after {
        display: none
    }
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:first-child {
    align-items: center;
    padding-block: calc(var(--1)*16);
    width: 50%
}

@media(max-width:991.98px) {
    .htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:first-child {
        padding-block: calc(var(--1)*48);
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: calc(var(--1)*240)
    }

    .htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:first-child>h2 {
        white-space: nowrap;
        text-align: center;
        width: 100%
    }

    .htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:first-child>img {
        position: absolute;
        right: 0;
        width: calc(var(--1)*90);
        height: calc(var(--1)*90)
    }
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:first-child:after {
    display: none
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:nth-child(2),
.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd:nth-child(3) {
    padding: 0
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a {
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*24);
    flex: 1 1;
    padding: calc(var(--1)*24) calc(var(--1)*40) calc(var(--1)*24) calc(var(--1)*60);
    position: relative
}

@media(max-width:991.98px) {
    .htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a {
        padding: calc(var(--1)*24) calc(var(--1)*16) calc(var(--1)*24) calc(var(--1)*16)
    }
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a:after {
    content: "";
    position: absolute;
    bottom: calc(var(--1)*-12);
    width: 100%;
    left: 0;
    background: #c9dbff;
    height: calc(var(--1)*2)
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a:last-child:after {
    display: none
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a .htb_paragraph__8kq3V {
    display: flex;
    flex-direction: column;
    gap: calc(var(--1)*8)
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a .htb_paragraph__8kq3V a {
    color: var(--blue-300)
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a .htb_stepFourImg__Zwqvl {
    transform: translateY(calc(var(--1) * 20));
    max-width: calc(var(--1)*580);
    width: 100%;
    aspect-ratio: 580/220;
    height: unset
}

@media(max-width:991.98px) {
    .htb_htb__sP1br .htb_container__1eEd7 .htb_box__iPGVd .htb_content___Qy2a .htb_stepFourImg__Zwqvl {
        width: 130%;
        transform: translateX(-12%)
    }
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_img__PPmxU {
    position: absolute;
    right: 0;
    top: calc(var(--1)*-80);
    aspect-ratio: 627/398;
    width: calc(var(--1)*627)
}

@media(max-width:991.98px) {
    .htb_htb__sP1br .htb_container__1eEd7 .htb_img__PPmxU {
        top: calc(var(--1)*100);
        right: calc(var(--1)*32);
        aspect-ratio: 396/359;
        width: calc(var(--1)*396)
    }
}

.htb_htb__sP1br .htb_container__1eEd7 .htb_img__PPmxU img {
    position: absolute;
    width: 90%;
    height: 107%;
    top: 15px;
    left: 0;
    z-index: 10
}

.accordion_item__9gTrW {
    display: flex;
    gap: calc(var(--1)*12);
    align-items: center;
    padding-left: calc(var(--1)*80);
    position: relative
}

.accordion_item__9gTrW img {
    position: absolute;
    align-self: 145/100;
    height: unset;
    width: calc(var(--1)*70);
    left: 0;
    top: 0;
    object-fit: contain
}

@media(max-width:991.98px) {
    .accordion_item__9gTrW img {
        width: calc(var(--1)*60)
    }
}

.accordion_accordionArea__hjTSo {
    position: relative;
    border-radius: calc(var(--1)*26);
    background-color: var(--blue-200);
    border: calc(var(--1)*3) solid #000;
    padding: calc(var(--1)*6) calc(var(--1)*20);
    overflow: hidden;
    isolation: isolate
}

.accordion_accordion__YkVVg {
    position: relative
}

.accordion_accordion__YkVVg:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(var(--1)*-10);
    width: 100%;
    height: calc(var(--1)*2);
    background-color: var(--blue-300);
    z-index: 1;
    transition: transform .8s ease-in-out;
    transform: translateX(-50%) scaleX(0);
    transform-origin: left;
    pointer-events: none
}

@media(max-width:991.98px) {
    .accordion_accordion__YkVVg:after {
        height: calc(var(--1)*2)
    }
}

.accordion_accordion__YkVVg.accordion_active__jid_G:after {
    transform: translateX(-50%) scaleX(1)
}

@media(max-width:991.98px) {
    .accordion_accordion__YkVVg {
        gap: calc(var(--1)*16)
    }
}

.accordion_accordion__YkVVg .accordion_plus__9iYNJ {
    width: calc(var(--1)*32);
    min-width: calc(var(--1)*32);
    height: calc(var(--1)*32);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--blue-300);
    border: calc(var(--1)*3) solid var(--dark);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.accordion_accordion__YkVVg .accordion_plus__9iYNJ:before {
    height: calc(var(--1)*4);
    width: 65%
}

.accordion_accordion__YkVVg .accordion_plus__9iYNJ:after,
.accordion_accordion__YkVVg .accordion_plus__9iYNJ:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--dark);
    border-radius: calc(var(--1)*10);
    transition: transform .5s ease-in-out
}

.accordion_accordion__YkVVg .accordion_plus__9iYNJ:after {
    width: calc(var(--1)*4);
    height: 65%
}

.accordion_accordion__YkVVg .accordion_plus__9iYNJ.accordion_active__jid_G:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.accordion_accordion__YkVVg .accordion_plus__9iYNJ.accordion_active__jid_G:after {
    transform: translate(-50%, -50%) rotate(270deg)
}

.accordion_accordion__YkVVg .accordion_title__o7WN8 {
    cursor: pointer;
    position: relative;
    padding: calc(var(--1)*4)
}

.accordion_accordion__YkVVg .accordion_title__o7WN8 h5 {
    display: flex;
    align-items: center;
    text-align: left;
    gap: calc(var(--1)*10);
    width: 100%
}

.accordion_dropdown__SNYiy {
    transition: max-height .8s ease-in-out, margin .8s ease-in-out, transform .8s ease-in-out;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-inline: calc(var(--1)*0);
    background-color: var(--blue-200);
    transform: translateY(calc(var(--1) * -10));
    z-index: -1;
    text-align: left
}

@media(max-width:991.98px) {
    .accordion_dropdown__SNYiy {
        width: 90%
    }
}

.accordion_dropdown__SNYiy>span {
    display: flex;
    height: calc(var(--1)*32);
    opacity: 0
}

.accordion_dropdown__SNYiy>p {
    margin-bottom: calc(var(--1)*10);
    padding: calc(var(--1)*24) 0;
    text-align: center
}

.accordion_dropdown__SNYiy>p:last-child {
    margin: 0
}

.accordion_dropdown__SNYiy.accordion_active__jid_G {
    height: max-content;
    transform: translateY(0);
    transition: max-height .8s ease-in-out, margin .8s ease-in-out, transform .8s ease-in-out
}




.roadmap-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;font-family: Super Foods, Arial, Helvetica, sans-serif !important;
}

.roadmap-header {
  text-align: center;
  margin-bottom: 3rem;
}

.roadmap-header h2 {
  font-size: 2.5rem;
  font-weight: 1000;
  color: #3a0ca3;
  margin-bottom: 0.5rem;
}

.roadmap-header p {
  font-size: 1.1rem;
  color: #6c757d;
}

.roadmap-slider {
  position: relative;
  margin: 3rem 0;
  overflow-x: auto; /* Enable horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.roadmap-progress {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #e9ecef;
  z-index: 1;
}

.progress-bar {
  height: 100%;
  width: 20%;
  background-color: #3a0ca3;
  transition: all 0.4s ease;
}

.roadmap-stages {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  flex: 1;
  position: relative;
}

.stage-marker {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
  position: relative;
}

.stage-marker::after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #adb5bd;
  transition: all 0.3s ease;
}

.stage.active .stage-marker {
  border-color: #3a0ca3;
}

.stage.active .stage-marker::after {
  background-color: #3a0ca3;
  transform: scale(1.2);
}

.stage-info {
  text-align: center;
  padding: 0 1rem;
}

.stage-number {
  display: block;
  font-size: 0.9rem;
  color: #6c757d;
  margin-bottom: 0.3rem;
}

.stage-title {
  font-size: 1.1rem;
  color: #212529;
  margin: 0;
}

.roadmap-content {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 2rem;
  margin-top: 3rem;
  min-height: 250px;
  position: relative;
  overflow: hidden;
}

.content-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.5s ease;
}

.content-item.active {
  opacity: 1;
  transform: translateX(0);
  position: relative;
}

.content-item h3 {
  color: #3a0ca3;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}

.content-item ul {
  list-style-type: none;
  padding: 0;
}

.content-item li {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

.content-item li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #3a0ca3;
}

.roadmap-nav {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  gap: 1rem;
}

.nav-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background-color: #3a0ca3;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.nav-btn svg {
  width: 24px;
  height: 24px;
}

.nav-btn:hover {
  background-color: #480ca8;
}

.nav-btn:disabled {
  background-color: #adb5bd;
  cursor: not-allowed;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .roadmap-stages {
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .stage {
    flex: 0 0 calc(33.333% - 1rem);
    margin-bottom: 1rem;
  }
  
  .stage-info {
    padding: 0;
  }
  
  .roadmap-content {
    min-height: 300px;
  }
  .roadmap-progress {
    position: absolute;
    top: 463px;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #e9ecef;
    z-index: 1;
}
}

@media (max-width: 576px) {
  .stage {
    flex: 0 0 calc(50% - 1rem);
  }
  
  .stage-title {
    font-size: 1rem;
  }
  
  .content-item h3 {
    font-size: 1.3rem;
  }
  
  .roadmap-header h2 {
    font-size: 2rem;
  }
}














/* Main Slider Container */
.tokenomics-slider-section {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: white;
  padding: 3rem 1rem;
  overflow: hidden;
  position: relative;
}

.slider-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* Header Styles */
.slider-header {
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
}

.animated-stars {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 1rem;
}

.star {
  width: 30px;
  height: 30px;
  animation: pulse 2s infinite;
}

.star.pulse-delay {
  animation-delay: 0.5s;
}

h2 {
  font-size: 2.5rem;
  margin: 0.5rem 0;
}

.gradient-text {
  background: linear-gradient(90deg, #4ECDC4, #FF6B6B);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.subtitle {
  opacity: 0.8;
  font-size: 1.1rem;
}

/* Slider Navigation */
.slider-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 2rem 0;
}

.nav-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.nav-btn:hover {
  background: rgba(255,255,255,0.2);
}

.nav-btn svg {
  width: 24px;
  height: 24px;
}

.slider-dots {
  display: flex;
  gap: 10px;
}

.slider-dots .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-dots .dot.active {
  background: #4ECDC4;
  transform: scale(1.2);
}

/* Slider Track & Slides */
.slider-track {
  display: flex;
  transition: transform 0.5s ease;
  width: 300%; /* 3 slides */
}

.slide {
  min-width: 100%;
  padding: 0 1rem;
}

.slide-content {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 2rem;
  height: 100%;
  border: 1px solid rgba(255,255,255,0.1);
}

/* Slide 1: Token Supply */
.big-number {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 1rem 0;
  color: #4ECDC4;
}

.supply-breakdown {
  margin-top: 2rem;
}

.supply-item {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 15px;
}

.percentage-bar {
  height: 10px;
  width: var(--width);
  background: var(--color);
  border-radius: 10px;
  transition: width 1s ease;
}

/* Slide 2: Presale Stages */
.presale-stages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.stage-card {
  background: rgba(255,255,255,0.1);
  border-radius: 15px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}

.stage-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.stage-card.highlight {
  background: rgba(78, 205, 196, 0.2);
}

.stage-header {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.stage-price {
  color: #FF6B6B;
  font-size: 1.2rem;
  margin: 0.5rem 0;
}

.stage-tokens {
  opacity: 0.8;
  font-size: 0.9rem;
}

/* Slide 3: Charity & Utility */
.two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.charity-box, .utility-box {
  padding: 1.5rem;
  border-radius: 15px;
}

.charity-box {
  background: rgba(255, 107, 107, 0.1);
  text-align: center;
}

.charity-percent {
  font-size: 3rem;
  font-weight: bold;
  color: #FF6B6B;
  margin: 1rem 0;
}

.charity-icon {
  width: 80px;
  height: 80px;
  margin-top: 1rem;
}

.utility-box {
  background: rgba(78, 205, 196, 0.1);
}

.utility-list {
  list-style: none;
  padding: 0;
}

.utility-list li {
  padding: 0.8rem 0;
  border-bottom: 1px dashed rgba(255,255,255,0.2);
  position: relative;
  padding-left: 1.5rem;
}

.utility-list li::before {
  content: "•";
  color: #4ECDC4;
  position: absolute;
  left: 0;
}

/* Animations */
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.8; }
}

/* Responsive Design */
@media (max-width: 768px) {
  .two-column {
    grid-template-columns: 1fr;
  }
  
  .presale-stages {
    grid-template-columns: 1fr 1fr;
  }
  
  h2 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .presale-stages {
    grid-template-columns: 1fr;
  }
  
  .slide-content {
    padding: 1.5rem;
  }
  
  .big-number {
    font-size: 2rem;
  }
}



  /* Charity Section Colors */
  .container_green__wVOFR {
    background-color: #f0f9f0;
    border-color: #2ecc71;
  }
  
  .color-greenstroke {
    color: #27ae60;
    -webkit-text-stroke: 1px #2c3e50;
    text-stroke: 1px #2c3e50;
    text-align: center;
  }
  
  .button_green__CLtee {
    background-color: #2ecc71;
    color: white;
  }
  
  .button_green__CLtee:hover {
    background-color: #27ae60;
  }
  
  /* Charity Component Styles */
  .charity_boxStats__YRAXm {
    display: flex;
    justify-content: space-around;
    margin: 2rem 0;
  }
  
  .charity_statItem__Sh4sY {
    text-align: center;
    padding: 0 1rem;
  }
  
  .charity_statNumber__fiRrU {
    font-size: 2rem;
    font-weight: 700;
    color: #2ecc71;
    margin-bottom: 0.5rem;
  }
  
  .charity_statLabel__TZVij {
    font-size: 0.9rem;
    color: #333;
  }
  
  .charity_partners__UF_hW {
    text-align: center;
    margin: 2rem 0;
  }
  
  .charity_partnersTitle__lzz5g {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #2c3e50;
  }
  
  .charity_partnersLogos__mkU8w {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
  }
  
  .charity_partnersLogos__mkU8w img {
    border-radius: 50%;
    object-fit: cover;
  }
  
  .charity_button__TZVij {
    margin-top: 1rem;
    padding: 0.8rem 2rem;
    font-size: 1rem;
  }
img.charity_charityImg__lzz5g {
    width: 100%;
}


/* Hide nav by default on small screens */
nav {
  display: none;
}

@media (min-width: 768px) {
  nav {
    display: block !important;
  }
}

/* Show nav when toggled */
nav.show-nav {
  display: block;
  position: absolute;
  top: 100px; /* Adjust based on header height */
  background: white;
  width: 100%;
  padding: 1rem;
  z-index: 10;
}