.RegistrationBonusesBlock_wrap__Iemr2 {
    position: relative;
    width: 110%;
    max-width: 90vw;
}
.RegistrationBonusesBlock_wrap__Iemr2:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(90deg, rgba(20, 0, 0, 0.5) 20%, transparent 74%);
    z-index: 500;
    content: "";
}
.RegistrationBonusesBlock_wrap__Iemr2:after {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(270deg, rgba(20, 0, 0, 0.5) 20%, transparent 74%);
    z-index: 10;
    content: "";
}
.RegistrationBonusesBlock_wrap__Iemr2 .swiper-wrapper {
    transition-timing-function: ease-in-out;
}
.RegistrationBonusesBlock_slide__NErky {
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 12px !important;
}
.CircleLandingSlider_wrapper__phQ8G {
    --icon-size: 110px;
    position: relative;
    margin-bottom: 150px;
}
.CircleLandingSlider_slides-container__Ro9Ua {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
}
.CircleLandingSlider_slides-wrapper__gfgAt {
    position: absolute;
    top: calc(var(--icon-size) / 2);
    left: 50%;
    transform: translate(-50%);
    transform-origin: center;
}
.CircleLandingSlider_main-circle__K9aAu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
    border: 2px solid #fce9a4;
}
.CircleLandingSlider_slide-item__w1Rw4 {
    position: absolute;
    top: calc(50% - var(--icon-size) / 2);
    left: calc(50% - var(--icon-size) / 2);
    transform: translate(0);
}
.CircleLandingSlider_slide-icon__lEGOa {
    width: var(--icon-size);
    height: var(--icon-size);
    background-size: 100% 100%;
    background-position: 50%;
}
.CircleLandingSlider_slide-title__33goB {
    bottom: 100%;
    width: 200px;
    font-size: 16px;
    line-height: 160%;
    margin-top: 8px;
    text-shadow: 0 0 2px var(--white);
}
.CircleLandingSlider_slide-text__H3RrR,
.CircleLandingSlider_slide-title__33goB {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    white-space: pre-wrap;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: var(--white);
}
.CircleLandingSlider_slide-text__H3RrR {
    top: 50%;
    width: 220px;
    font-size: 15px;
    line-height: 130%;
    text-shadow: 0 0 5px #000;
    padding: 60px 20px 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
}
.CircleLandingSlider_slide-reward__a8QHP {
    display: inline-block;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    border: 1px solid var(--orange);
}
.CircleLandingSlider_center-container__KFFC3 {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}
.CircleLandingSlider_center-circle-image__nYkbP {
    position: absolute;
    top: 80%;
    left: 50%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%);
    background: url(/assets/990/image/center_circle.webp) no-repeat 50%/100% 100%;
    opacity: 0.6;
    z-index: 3;
}
.StagesList_stages-sm-circles__9xFRu {
    column-gap: 20px;
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM {
    position: relative;
    padding-top: 17px;
    width: var(--stage-icon-size);
    height: var(--stage-icon-size);
    cursor: pointer;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM.StagesList_active___ugTg,
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM:hover {
    transform: scale(1.1);
    filter: grayscale(0);
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: 50%;
    transition: all 0.3s ease;
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-1__b7QH2 {
    background-image: url(/assets/990/image/stage_1.webp);
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-2__zoAW1 {
    background-image: url(/assets/990/image/stage_2.webp);
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-3__lybgp {
    background-image: url(/assets/990/image/stage_3.webp);
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-4__jTAa5 {
    background-image: url(/assets/990/image/stage_4.webp);
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-5__um7_g {
    background-image: url(/assets/990/image/stage_5.webp);
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM b {
    position: relative;
    font-weight: 800;
    font-size: 25px;
    color: var(--white);
    z-index: 1;
}
.StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM span {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: var(--white);
}
@media (max-width: 767px) {
    .StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM {
        --stage-icon-size: 40px;
        padding-top: 0;
        justify-content: center;
        align-items: center;
    }
    .StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM b {
        font-size: 16px;
    }
    .StagesList_stages-sm-circles__9xFRu .StagesList_stage-circle-icon__ufwHM span {
        display: none;
    }
}
.StagesList_stages-lg-circles__x2rFQ {
    --stage-icon-size: 90px;
    position: relative;
    padding-bottom: 0;
    width: calc(100% - var(--stage-icon-size));
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ {
        display: none;
    }
}
@media (min-width: 1680px) {
    .StagesList_stages-lg-circles__x2rFQ {
        --stage-icon-size: 110px;
    }
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stages-circles-wrap__MyeXE {
        flex-flow: row nowrap;
    }
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-block__0Lq05 {
    position: relative;
    padding-top: 45px;
    transition: all 0.3s ease;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-block__0Lq05.StagesList_active___ugTg .StagesList_stage-circle-icon__ufwHM {
    opacity: 1;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-block__0Lq05.StagesList_active___ugTg .StagesList_stage-circle-gr___l3DI {
    color: var(--orange);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-block__0Lq05.StagesList_future__W7alz .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba {
    filter: grayscale(100%);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-block__0Lq05.StagesList_hover__W7AuD .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba {
    filter: grayscale(0);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-block__0Lq05.StagesList_hover__W7AuD .StagesList_stage-circle-icon__ufwHM {
    opacity: 1;
    transform: scale(1.2);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-date__CprWQ {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--white);
    white-space: nowrap;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM {
    position: relative;
    padding-top: 28px;
    gap: 4px;
    width: var(--stage-icon-size);
    height: var(--stage-icon-size);
    transition: all 0.3s ease;
}
@media (min-width: 1680px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM {
        padding-top: 35px;
    }
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM b {
        font-size: 40px;
    }
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM > span {
        font-size: 16px;
    }
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: 50%;
    transition: all 0.3s ease;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-1__b7QH2 {
    background-image: url(/assets/990/image/stage_1.webp);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-2__zoAW1 {
    background-image: url(/assets/990/image/stage_2.webp);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-3__lybgp {
    background-image: url(/assets/990/image/stage_3.webp);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-4__jTAa5 {
    background-image: url(/assets/990/image/stage_4.webp);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba.StagesList_pos-5__um7_g {
    background-image: url(/assets/990/image/stage_5.webp);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM b {
    position: relative;
    font-weight: 800;
    font-size: 32px;
    color: var(--white);
    z-index: 1;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-icon__ufwHM > span {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: var(--white);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI,
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG {
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -90%;
    top: calc(50% - 25px);
    min-height: 36px;
    width: 100%;
    color: var(--color-light);
    text-align: center;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    white-space: pre-wrap;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI.StagesList_stage-circle-ml__gMPRG,
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG.StagesList_stage-circle-ml__gMPRG {
    top: calc(50% + 45px);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI.StagesList_stage-circle-gr___l3DI,
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG.StagesList_stage-circle-gr___l3DI {
    color: var(--bronze);
}
@media (min-width: 780px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI,
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG {
        display: flex;
        right: -74%;
    }
}
@media (min-width: 1025px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI,
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG {
        display: flex;
        right: -68%;
    }
}
@media (min-width: 1200px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI,
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG {
        right: -80%;
    }
}
@media (min-width: 1280px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI,
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG {
        right: -90%;
    }
}
@media (min-width: 1440px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI,
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG {
        right: -104%;
    }
}
@media (min-width: 1680px) {
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-gr___l3DI,
    .StagesList_stages-lg-circles__x2rFQ .StagesList_stage-circle-ml__gMPRG {
        right: -110%;
    }
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stages-progress__R2Du_ {
    position: absolute;
    top: calc(50% + 22px);
    left: var(--stage-icon-size);
    width: 94%;
    height: 3px;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stages-progress__R2Du_:before {
    width: 100%;
    filter: grayscale(100%);
    content: "";
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stages-progress__R2Du_ .StagesList_stages-progress-bar__ABcO8,
.StagesList_stages-lg-circles__x2rFQ .StagesList_stages-progress__R2Du_:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(307.76deg, #bb7239 62.49%, #fceeae 113.19%, #e09e5b 177.11%, #fce9a4 227.81%, #f1d693 245.45%, #e1bd7c 265.28%, #d08a4a 282.92%),
        linear-gradient(234.54deg, #bb7239 7.08%, #fceeae 28.26%, #e09e5b 54.96%, #fce9a4 76.14%, #f1d693 83.51%, #e1bd7c 91.79%, #d08a4a 99.16%);
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stages-progress__R2Du_ .StagesList_stages-progress-bar__ABcO8 {
    width: 0;
    transition: all 0.5s ease;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-text__LBnmo {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-text__LBnmo:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 200%;
    transform: translate(-50%, -50%);
    background: #000;
    filter: blur(60px);
    opacity: 0.4;
    z-index: -1;
    content: "";
}
.StagesList_stages-lg-circles__x2rFQ .StagesList_stage-text__LBnmo b {
    color: var(--orange);
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN {
    --stage-icon-size: 62px;
    max-width: 500px;
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN {
        display: inline-flex;
        max-width: unset;
        width: 100%;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-block__0Lq05 {
    padding-top: 30px;
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-block__0Lq05 {
        padding: 10px 0 12px;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-block__0Lq05.StagesList_hover__W7AuD .StagesList_stage-circle-icon__ufwHM {
    transform: scale(1.4);
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-icon__ufwHM {
    cursor: pointer;
    padding-top: 18px;
    row-gap: 0;
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-icon__ufwHM b {
    font-size: 14px;
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-icon__ufwHM span {
    font-size: 9px;
    opacity: 0.5;
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-icon__ufwHM {
        --stage-icon-size: 46px;
        padding-top: 0;
        justify-content: center;
        align-items: center;
    }
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-icon__ufwHM b {
        font-size: 16px;
    }
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-icon__ufwHM span {
        display: none;
    }
}
@media (min-width: 1680px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-icon__ufwHM {
        font-size: 22px;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-date__CprWQ {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-light);
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stage-circle-date__CprWQ {
        display: none;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stages-progress__R2Du_ {
    max-width: 400px;
    top: 60px;
    left: calc(var(--stage-icon-size) - 8px);
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-with-stages__tddcN .StagesList_stages-progress__R2Du_ {
        left: 0;
        top: 32px;
        max-width: unset;
        width: 100%;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ {
    --stage-icon-size: 44px;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ {
        display: inline-flex;
        max-width: unset;
        width: 100%;
    }
}
@media (min-width: 1280px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ {
        --stage-icon-size: 64px;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-block__0Lq05 {
    padding-top: 30px;
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-block__0Lq05 {
        padding: 10px 0 12px;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-block__0Lq05.StagesList_hover__W7AuD .StagesList_stage-circle-icon__ufwHM,
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-block__0Lq05:hover .StagesList_stage-circle-icon__ufwHM {
    transform: scale(1.4);
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM {
    cursor: pointer;
    padding-top: 0;
    row-gap: 0;
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM .StagesList_icon__oYxba {
    display: none;
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM b {
    font-size: 44px;
    line-height: 1;
    background: var(--text-colorful-gradient);
    text-shadow: var(--text-shadow-color-dark);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1280px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM b {
        font-size: 64px;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM span {
    display: none;
    font-size: 9px;
    opacity: 0.5;
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM {
        --stage-icon-size: 46px;
        padding-top: 0;
        justify-content: center;
        align-items: center;
    }
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM b {
        font-size: 24px;
    }
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM span {
        display: none;
    }
}
@media (max-width: 480px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM b {
        font-size: 20px;
    }
}
@media (min-width: 1680px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-icon__ufwHM {
        font-size: 22px;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-date__CprWQ {
    display: none;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-light);
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stage-circle-date__CprWQ {
        display: none;
    }
}
.StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stages-progress__R2Du_ {
    display: none;
    max-width: 400px;
    top: 60px;
    left: calc(var(--stage-icon-size) - 8px);
}
@media (max-width: 767px) {
    .StagesList_stages-lg-circles__x2rFQ.StagesList_level-mode-without-stages__49V7_ .StagesList_stages-progress__R2Du_ {
        left: 0;
        top: 32px;
        max-width: unset;
        width: 100%;
    }
    .ResponsiveViews_desktop__1VFy4 {
        display: none;
    }
}
@media (min-width: 768px) {
    .ResponsiveViews_mobile__YW3k5 {
        display: none;
    }
}
.NewLandingInfographicSection_content__bI33u {
    margin: 0 auto;
    width: 95%;
    max-width: 1400px;
}
.NewLandingInfographicSection_content__bI33u.NewLandingInfographicSection_infographic-section__4qvQm {
    padding-top: 0;
    justify-content: center;
}
.NewLandingInfographicSection_column__3os9m {
    height: 760px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD {
    width: 190px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg {
    padding: 10px;
    max-height: 285px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_subtitle__KR_jE {
    margin-top: 18px;
    font-size: 20px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_title__ysN8K {
    font-size: 32px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc
    .NewLandingInfographicSection_prize-fund-block__iw2vg
    .NewLandingInfographicSection_reward-wrap__qdNOl:first-child {
    margin-top: 22px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_text__qcQT9 {
    margin-top: 0;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_second-sub-column-mobile___B0XC {
    max-width: 140px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc
    .NewLandingInfographicSection_second-sub-column-mobile___B0XC
    .NewLandingInfographicSection_auto-clicker-block___z8lq {
    min-height: 74px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc
    .NewLandingInfographicSection_second-sub-column-mobile___B0XC
    .NewLandingInfographicSection_auto-clicker-block___z8lq
    .NewLandingInfographicSection_title__ysN8K {
    font-size: 16px;
}
@media (max-width: 780px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc {
        width: -moz-fit-content;
        width: fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
}
@media (max-width: 349px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc {
        width: 100%;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_auto-clicker-block___z8lq,
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_double-exp-block__iNmOn,
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg,
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_second-sub-column-mobile___B0XC {
        max-width: 100%;
        width: 100%;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_auto-clicker-block___z8lq {
        background-size: 100% 100%;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg {
        height: -moz-fit-content;
        height: fit-content;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_subtitle__KR_jE {
        margin-top: 0;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_title__ysN8K {
        margin-bottom: 34px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc .NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_rewards-wrap__x8Dlp {
        position: relative;
        top: -16px;
        flex-flow: row nowrap;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_first__WiRBD.NewLandingInfographicSection_mobile__jZ0Vc
        .NewLandingInfographicSection_prize-fund-block__iw2vg
        .NewLandingInfographicSection_rewards-wrap__x8Dlp
        .NewLandingInfographicSection_reward-wrap__qdNOl {
        margin: 0;
        row-gap: 0;
        column-gap: 8px;
    }
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    width: 480px;
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 500px;
    height: 500px;
    background: url(/assets/990/image/blur_pink_bg.webp) no-repeat 100% 100%/100% 100%;
    z-index: -1;
}
@media (max-width: 780px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH {
        height: -moz-fit-content;
        height: fit-content;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 {
        padding: 10px;
        height: 80px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_content-wrap__SQxKM {
        height: 20px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_content-wrap__SQxKM:not(:first-child):before {
        left: -42px;
        top: 10px;
        height: 1px;
        width: 56px;
        transform: rotate(120deg);
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH
        .NewLandingInfographicSection_counts-block__VN_h0
        .NewLandingInfographicSection_content-wrap__SQxKM:last-child
        .NewLandingInfographicSection_text__qcQT9 {
        position: relative;
        top: -26px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_subtitle__KR_jE {
        font-size: 60px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_text__qcQT9 {
        font-size: 12px;
        max-width: 60px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH:before {
        top: -450px;
        left: -320px;
        width: 1100px;
        height: 1100px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_fair-play-donations-block__7gxdz h3 {
        font-size: 20px;
        line-height: 1.1;
    }
}
@media (max-width: 349px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 {
        justify-content: space-between;
        flex-flow: row nowrap;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_content-wrap__SQxKM {
        height: 14px;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_content-wrap__SQxKM:not(:first-child):before {
        display: none;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_second__GSvtH .NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_subtitle__KR_jE {
        font-size: 50px;
    }
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_third__K06nX {
    width: 300px;
}
@media (max-width: 780px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_third__K06nX {
        width: 482px;
    }
}
@media (max-width: 500px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_third__K06nX {
        width: 100%;
    }
}
.NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_four__CNvql {
    width: 195px;
}
@media (max-width: 1538px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_four__CNvql {
        height: -moz-fit-content;
        height: fit-content;
        width: -moz-fit-content;
        width: fit-content;
        flex-flow: row nowrap;
    }
}
@media (max-width: 1302px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_four__CNvql {
        height: 760px;
        width: 195px;
        flex-flow: column nowrap;
    }
}
@media (max-width: 720px) {
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_four__CNvql {
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
        flex-flow: row wrap;
        justify-content: center;
    }
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_four__CNvql .NewLandingInfographicSection_account-level-system-block__SKBri,
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_four__CNvql .NewLandingInfographicSection_bp-quests-block__e0lNb,
    .NewLandingInfographicSection_column__3os9m.NewLandingInfographicSection_four__CNvql .NewLandingInfographicSection_quests-block__X7Nnx {
        max-width: 172px;
    }
}
.NewLandingInfographicSection_double-exp-block__iNmOn {
    padding: var(--pd-6) var(--pd-3) 24px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    background: radial-gradient(154.21% 141.89% at 89% 55%, rgba(92, 41, 110, 0.2), rgba(50, 2, 62, 0) 100%), rgba(0, 0, 0, 0.4);
}
.NewLandingInfographicSection_double-exp-block__iNmOn .NewLandingInfographicSection_title-wrap__vGacH {
    position: relative;
}
.NewLandingInfographicSection_double-exp-block__iNmOn .NewLandingInfographicSection_title-wrap__vGacH .NewLandingInfographicSection_title__ysN8K {
    font-size: 96px;
    line-height: 0.8;
    font-weight: 800;
    background: linear-gradient(180deg, #f7a55b 15%, #9a5515 65%), linear-gradient(90deg, #ff0091 100%, #900052 0);
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.NewLandingInfographicSection_double-exp-block__iNmOn .NewLandingInfographicSection_title-wrap__vGacH .NewLandingInfographicSection_subtitle__KR_jE {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.NewLandingInfographicSection_double-exp-block__iNmOn .NewLandingInfographicSection_text__qcQT9 {
    margin-top: var(--mg-2);
    max-width: 180px;
    opacity: 0.3;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.NewLandingInfographicSection_prize-fund-block__iw2vg {
    background: url(/assets/990/image/prize_fund_bg.webp) no-repeat 100% 100%/100% 100%;
    height: 428px;
    padding: var(--pd-8) var(--pd-3) var(--pd-7);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
}
.NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_title__ysN8K {
    margin-top: var(--mg-2);
    font-size: 48px;
    line-height: 1;
    font-weight: 800;
    text-align: center;
    background: linear-gradient(180deg, #f7a55b 15%, #9a5515 65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_subtitle__KR_jE {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    max-width: 150px;
}
.NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_text__qcQT9 {
    margin-top: var(--mg-2);
    opacity: 0.35;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}
.NewLandingInfographicSection_prize-fund-block__iw2vg .NewLandingInfographicSection_rewards-text__as5dY {
    max-width: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
}
.NewLandingInfographicSection_auto-clicker-block___z8lq {
    background: url(/assets/990/image/auto_clicker_bg.webp) no-repeat 50% / contain;
    min-height: 98px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    line-height: 1;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.NewLandingInfographicSection_auto-clicker-block___z8lq .NewLandingInfographicSection_title__ysN8K {
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}
.NewLandingInfographicSection_auto-clicker-block___z8lq .NewLandingInfographicSection_subtitle__KR_jE {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    max-width: 150px;
}
.NewLandingInfographicSection_counts-block__VN_h0 {
    height: 116px;
    padding: var(--pd-6) var(--pd-5);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), rgba(255, 255, 255, 0.05);
}
.NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_content-wrap__SQxKM {
    position: relative;
}
.NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_content-wrap__SQxKM:not(:first-child):before {
    content: "";
    position: absolute;
    left: -56px;
    top: 30px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0));
    height: 1px;
    width: 97.58px;
    transform: rotate(120deg);
}
.NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_content-wrap__SQxKM .NewLandingInfographicSection_text__qcQT9 {
    display: inline-block;
    font-size: 14px;
    max-width: 58px;
}
.NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_subtitle__KR_jE {
    display: inline-block;
    position: relative;
    top: -16px;
    font-size: 110px;
    font-weight: 700;
    line-height: 1;
    color: #62297f;
    opacity: 0.8;
}
.NewLandingInfographicSection_counts-block__VN_h0 .NewLandingInfographicSection_text__qcQT9 {
    position: relative;
    top: -34px;
    margin-left: var(--mg-1);
    opacity: 0.34;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
}
.NewLandingInfographicSection_custom-built-season-block__FS8TA {
    position: relative;
    background: url(/assets/990/image/custom_built_season_bg.webp) no-repeat 100% 100%/100% 100%;
    padding: var(--pd-7) var(--pd-5);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    line-height: 1;
}
.NewLandingInfographicSection_custom-built-season-block__FS8TA .NewLandingInfographicSection_title__ysN8K {
    margin: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(180deg, #f7a55b 15%, #9a5515 65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    z-index: 1;
}
.NewLandingInfographicSection_custom-built-season-block__FS8TA .NewLandingInfographicSection_subtitle__KR_jE {
    font-size: 28px;
    font-weight: 800;
    z-index: 1;
}
.NewLandingInfographicSection_custom-built-season-block__FS8TA .NewLandingInfographicSection_text__qcQT9 {
    opacity: 0.6;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    max-width: 150px;
    z-index: 1;
}
.NewLandingInfographicSection_custom-built-season-block__FS8TA img {
    position: absolute;
    right: -30px;
    bottom: 0;
}
.NewLandingInfographicSection_advanced-item-market-block__gPyoQ {
    background: url(/assets/990/image/advanced_item_market_bg.webp) no-repeat 100% 100%/100% 100%;
    padding: var(--pd-5);
    height: 166px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    line-height: 1;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.NewLandingInfographicSection_advanced-item-market-block__gPyoQ .NewLandingInfographicSection_item-market-title__m7dLd {
    margin-top: var(--mg-1);
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    color: #f3a258;
}
.NewLandingInfographicSection_advanced-item-market-block__gPyoQ .NewLandingInfographicSection_item-market-title__m7dLd b {
    color: var(--white);
    font-size: 28px;
    font-weight: 800;
}
.NewLandingInfographicSection_advanced-item-market-block__gPyoQ .NewLandingInfographicSection_char-market-title__9mrb7 {
    margin-top: var(--mg-5);
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 800;
    line-height: 0.7;
    max-width: 150px;
}
.NewLandingInfographicSection_advanced-item-market-block__gPyoQ .NewLandingInfographicSection_char-market-title__9mrb7 b {
    opacity: 0.4;
    font-size: 18px;
    font-weight: 300;
}
.NewLandingInfographicSection_fair-play-donations-block__7gxdz {
    padding: var(--pd-4) var(--pd-3);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    background: radial-gradient(159% 141.89% at 89% 55%, rgba(92, 41, 110, 0.2), rgba(50, 2, 62, 0) 100%), rgba(87, 87, 87, 0.4);
}
.NewLandingInfographicSection_fair-play-donations-block__7gxdz .NewLandingInfographicSection_title__ysN8K {
    margin-top: 4px;
    opacity: 0.2;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 80%;
    letter-spacing: 5.76px;
    text-transform: uppercase;
}
.NewLandingInfographicSection_items-options-block__aP51n,
.NewLandingInfographicSection_lucky-craft-formula-block__7rGeQ,
.NewLandingInfographicSection_modern-ingame-ui-block__4MhnM {
    background: url(/assets/990/image/items_options_bg.webp) no-repeat 100% 100%/100% 100%;
    padding: var(--pd-5) 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    text-transform: uppercase;
}
.NewLandingInfographicSection_items-options-block__aP51n .NewLandingInfographicSection_title__ysN8K,
.NewLandingInfographicSection_lucky-craft-formula-block__7rGeQ .NewLandingInfographicSection_title__ysN8K,
.NewLandingInfographicSection_modern-ingame-ui-block__4MhnM .NewLandingInfographicSection_title__ysN8K {
    margin: 0;
    max-width: 140px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}
.NewLandingInfographicSection_items-options-block__aP51n .NewLandingInfographicSection_subtitle__KR_jE,
.NewLandingInfographicSection_lucky-craft-formula-block__7rGeQ .NewLandingInfographicSection_subtitle__KR_jE,
.NewLandingInfographicSection_modern-ingame-ui-block__4MhnM .NewLandingInfographicSection_subtitle__KR_jE {
    opacity: 0.4;
    font-size: 18px;
    font-weight: 300;
}
.NewLandingInfographicSection_items-options-block__aP51n {
    height: 116px;
}
.NewLandingInfographicSection_modern-ingame-ui-block__4MhnM {
    height: 194px;
    padding: var(--pd-8) 16px;
    background: url(/assets/990/image/modern_ingame_ui_bg.webp) no-repeat 100% 100%/100% 100%;
}
.NewLandingInfographicSection_modern-ingame-ui-block__4MhnM .NewLandingInfographicSection_subtitle__KR_jE {
    max-width: 100px;
    margin-bottom: var(--mg-1);
}
.NewLandingInfographicSection_lucky-craft-formula-block__7rGeQ {
    height: 116px;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    background: radial-gradient(109.04% 97.08% at 5% 50%, rgba(92, 41, 110, 0.2), rgba(50, 2, 62, 0) 100%), rgba(0, 0, 0, 0.4);
}
.NewLandingInfographicSection_main-location-block__NyI1Z {
    position: relative;
    height: 302px;
    padding: var(--pd-5) 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    background: url(/assets/990/image/main_location_bg.webp) no-repeat 100% 100%/100% 100%;
}
.NewLandingInfographicSection_main-location-block__NyI1Z .NewLandingInfographicSection_subtitle__KR_jE {
    font-size: 20px;
    line-height: 0.8;
    color: rgba(255, 255, 255, 0.26);
}
.NewLandingInfographicSection_main-location-block__NyI1Z .NewLandingInfographicSection_subtitle__KR_jE,
.NewLandingInfographicSection_main-location-block__NyI1Z .NewLandingInfographicSection_title__ysN8K {
    text-transform: uppercase;
}
.NewLandingInfographicSection_main-location-block__NyI1Z .NewLandingInfographicSection_title__ysN8K {
    position: relative;
    left: -4px;
    margin-top: var(--mg-2);
    max-width: 250px;
    font-size: 76px;
    line-height: 0.9;
    font-weight: 800;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.7);
}
.NewLandingInfographicSection_main-location-block__NyI1Z .NewLandingInfographicSection_play-btn__KyuVW {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 78px;
    height: 78px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
}
.NewLandingInfographicSection_main-location-block__NyI1Z .NewLandingInfographicSection_play-btn__KyuVW:after {
    content: "";
    position: absolute;
    left: 28px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 16px solid rgba(0, 0, 0, 0);
    border-right: 16px solid rgba(0, 0, 0, 0);
    border-top: 30px solid var(--white);
    transform: translateY(-50%) rotate(-90deg);
}
.NewLandingInfographicSection_bp-quests-block__e0lNb,
.NewLandingInfographicSection_quests-block__X7Nnx {
    height: 246px;
    padding: 16px var(--pd-6);
    background: url(/assets/990/image/quests_bg.webp) no-repeat 100% 100%/100% 100%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    text-align: center;
}
.NewLandingInfographicSection_bp-quests-block__e0lNb .NewLandingInfographicSection_title__ysN8K,
.NewLandingInfographicSection_quests-block__X7Nnx .NewLandingInfographicSection_title__ysN8K {
    margin: 0;
    font-size: 48px;
    font-weight: 800;
}
.NewLandingInfographicSection_bp-quests-block__e0lNb .NewLandingInfographicSection_subtitle__KR_jE,
.NewLandingInfographicSection_quests-block__X7Nnx .NewLandingInfographicSection_subtitle__KR_jE {
    opacity: 0.4;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
}
.NewLandingInfographicSection_bp-quests-block__e0lNb {
    background: url(/assets/990/image/bp_quests_bg.webp) no-repeat 100% 100%/100% 100%;
}
.NewLandingInfographicSection_account-level-system-block__SKBri {
    height: 246px;
    padding: var(--pd-5);
    background: url(/assets/990/image/account_level_system.webp) no-repeat 100% 100%/100% 100%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
}
.NewLandingInfographicSection_account-level-system-block__SKBri .NewLandingInfographicSection_title__ysN8K {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
}
.NewLandingCreateContentSection_content__XNaBN {
    margin: 180px auto 0;
    width: 95%;
    max-width: 1400px;
}
@media (min-width: 1680px) {
    .NewLandingCreateContentSection_content__XNaBN {
        margin: 0 auto;
        padding-left: 20%;
    }
}
.NewLandingCreateContentSection_create-content-section__JRYDz {
    display: flex;
    justify-content: center;
}
.NewLandingCreateContentSection_content-wrap__Lbc9k {
    position: relative;
    max-width: 1036px;
    padding: 140px 30px 30px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    background: rgba(33, 33, 33, 0.35);
}
@media (min-width: 1680px) {
    .NewLandingCreateContentSection_content-wrap__Lbc9k {
        padding: 84px 50px 84px 348px;
    }
}
.NewLandingCreateContentSection_img-wrap__dUYsY {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -140px;
    width: 334px;
    height: 270px;
}
@media (min-width: 1680px) {
    .NewLandingCreateContentSection_img-wrap__dUYsY {
        left: 0;
        top: 80px;
        width: 678px;
        height: 610px;
    }
}
.NewLandingCreateContentSection_main-img___ZCSD {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.NewLandingCreateContentSection_currency-b-img__FJMDA,
.NewLandingCreateContentSection_currency-e-img__t2VSr,
.NewLandingCreateContentSection_currency-img__11hN0,
.NewLandingCreateContentSection_currency-t-img__JC2X_ {
    position: absolute;
}
.NewLandingCreateContentSection_currency-b-img__FJMDA {
    top: -40px;
    left: 90px;
    width: 42px;
    height: 42px;
}
@media (min-width: 1680px) {
    .NewLandingCreateContentSection_currency-b-img__FJMDA {
        width: 70px;
        height: 70px;
        top: -40px;
        left: 216px;
    }
}
.NewLandingCreateContentSection_currency-e-img__t2VSr {
    width: 60px;
    height: 60px;
    top: -10px;
    left: 130px;
}
@media (min-width: 1680px) {
    .NewLandingCreateContentSection_currency-e-img__t2VSr {
        width: 100px;
        height: 100px;
        top: 24px;
        left: 270px;
    }
}
.NewLandingCreateContentSection_currency-t-img__JC2X_ {
    top: 20px;
    left: 70px;
    width: 48px;
    height: 48px;
}
@media (min-width: 1680px) {
    .NewLandingCreateContentSection_currency-t-img__JC2X_ {
        width: 80px;
        height: 80px;
        top: 70px;
        left: 170px;
    }
}
.NewLandingCreateContentSection_main-title__OVgXM {
    font-size: 32px;
    text-align: center;
    font-weight: 800;
    line-height: 90%;
    text-transform: uppercase;
}
.NewLandingCreateContentSection_main-title__OVgXM b {
    position: relative;
    background: var(--gold-text-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
@media (min-width: 780px) {
    .NewLandingCreateContentSection_main-title__OVgXM {
        font-size: 56px;
    }
}
@media (min-width: 1680px) {
    .NewLandingCreateContentSection_main-title__OVgXM {
        text-align: left;
        font-size: 64px;
    }
}
.NewLandingCreateContentSection_main-desc__zmuzG {
    color: #c9c9c9;
    max-width: 540px;
    font-size: 20px;
    line-height: 1.4;
}
.NewLandingCreateContentSection_features-wrap__xXWOY {
    flex-flow: row wrap;
    align-items: start;
    row-gap: 24px;
    column-gap: 10px;
}
@media (min-width: 1280px) {
    .NewLandingCreateContentSection_features-wrap__xXWOY {
        gap: 30px;
        flex-flow: row wrap;
    }
}
.NewLandingCreateContentSection_feature__XIRXB {
    max-width: 200px;
}
.NewLandingCreateContentSection_feature__XIRXB:not(:first-child) {
    position: relative;
}
.NewLandingCreateContentSection_feature__XIRXB:not(:first-child):before {
    content: "";
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 55px;
    left: -20px;
    background: rgba(255, 255, 255, 0.27);
}
@media (min-width: 780px) {
    .NewLandingCreateContentSection_feature__XIRXB:not(:first-child):before {
        visibility: visible;
    }
}
.NewLandingCreateContentSection_feature__XIRXB:last-child {
    max-width: 164px;
}
.NewLandingCreateContentSection_feature__XIRXB:last-child .NewLandingCreateContentSection_title__WBs5n {
    display: flex;
    align-items: center;
}
.NewLandingCreateContentSection_feature__XIRXB:last-child b {
    margin-right: 2px;
    max-width: 16px;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
}
@media (min-width: 780px) {
    .NewLandingCreateContentSection_feature__XIRXB:last-child b {
        max-width: 24px;
        font-size: 16px;
    }
}
.NewLandingCreateContentSection_feature__XIRXB .NewLandingCreateContentSection_title__WBs5n {
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
}
@media (min-width: 780px) {
    .NewLandingCreateContentSection_feature__XIRXB .NewLandingCreateContentSection_title__WBs5n {
        font-size: 40px;
    }
}
.NewLandingCreateContentSection_feature__XIRXB .NewLandingCreateContentSection_desc__ydo9D {
    color: #c9c9c9;
    font-size: 10px;
    line-height: 1.1;
    max-width: 80px;
}
@media (min-width: 780px) {
    .NewLandingCreateContentSection_feature__XIRXB .NewLandingCreateContentSection_desc__ydo9D {
        font-size: 14px;
        max-width: unset;
    }
}
.NewLandingCreateContentSection_info-btn__cbyf6 {
    font-size: 16px;
    padding: 20px 72px;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 0 var(--mg-4);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 100px;
}
section.LandingTopSection_wrap__ZmAGD {
    padding-top: calc(var(--header-height) + var(--pd-11));
}
.LandingTopSection_content__XA_ka {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    width: 95%;
    max-width: var(--main-content-max-width);
}
@media (max-width: 1024px) {
    .LandingTopSection_content__XA_ka {
        justify-content: center;
    }
}
.LandingTopSection_block__g5NK7 {
    max-width: 730px;
}
.LandingTopSection_title-block__ZarPi h1,
.LandingTopSection_title-block__ZarPi h2 {
    margin: 0;
    color: #fff;
    text-align: center;
    font-family: var(--font-montserrat);
    font-size: 86px;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    text-transform: uppercase;
}
.LandingTopSection_title-block__ZarPi h2 {
    text-shadow: 0 4px 45.9px rgba(0, 0, 0, 0.3);
    background: linear-gradient(0deg, #ff6600, #ffd333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.LandingTopSection_title-block__ZarPi h3 {
    margin: 0;
    text-shadow: 0 4px 45.9px rgba(0, 0, 0, 0.3);
    font-size: 50px;
    font-weight: 800;
    line-height: 90%;
}
.LandingTopSection_title-block__ZarPi h3,
.LandingTopSection_title-block__ZarPi p {
    color: #fff;
    text-align: center;
    font-family: var(--font-montserrat);
    font-style: normal;
    text-transform: uppercase;
}
.LandingTopSection_title-block__ZarPi p {
    font-size: 30px;
    font-weight: 900;
    line-height: 110%;
    white-space: pre-wrap;
}
.LandingTopSection_title-block__ZarPi p + p {
    margin-top: 10px;
    background: linear-gradient(0deg, #ff6600, #ffd333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.LandingTopSection_title-block__ZarPi p b {
    font-size: 40px;
    font-weight: 700;
    -webkit-text-fill-color: var(--green-acent);
}
@media (max-width: 1024px) {
    .LandingTopSection_title-block__ZarPi h1 {
        font-size: 70px;
    }
    .LandingTopSection_title-block__ZarPi h2 {
        font-size: 60px;
    }
    .LandingTopSection_title-block__ZarPi p {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .LandingTopSection_title-block__ZarPi h1 {
        font-size: 50px;
    }
    .LandingTopSection_title-block__ZarPi h2 {
        font-size: 40px;
    }
    .LandingTopSection_title-block__ZarPi p {
        font-size: 15px;
    }
}
.LandingTopSection_rewards-block__RgUs_ {
    margin-top: var(--mg-1);
}
.LandingTopSection_rewards-block__RgUs_ p {
    color: #fff;
    margin-bottom: var(--mg-2);
    text-align: center;
    font-size: var(--font-xxlg);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.5);
}
.LandingTopSection_rewards-block__RgUs_ p b {
    display: inline-block;
    color: #ffe46b;
    animation: LandingTopSection_pulse__Sgekv 2s infinite;
    font-weight: 700;
}
.LandingTopSection_timer-block__aWh8x {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: var(--pd-11) auto 0;
    width: 100%;
    max-width: 90%;
    min-height: 210px;
    background: url(/assets/990/image/timer_bg.png) no-repeat 50%/100% 100%;
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
}
.LandingTopSection_timer-block__aWh8x .LandingTopSection_btn__iDhRi {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 45%;
    transform: translateX(-51%);
    text-transform: uppercase;
    z-index: 2;
}
.LandingTopSection_timer-block__aWh8x .LandingTopSection_in-wait-text__Pxid4 {
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 45%;
    transform: translateX(-51%);
    color: var(--white);
    white-space: nowrap;
    font-size: var(--font-lg);
    font-weight: 700;
    z-index: 2;
}
.LandingTopSection_timer-block__aWh8x .LandingTopSection_in-wait-text__Pxid4 b {
    background: var(--gold-text-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1024px) {
    .LandingTopSection_timer-block__aWh8x {
        min-height: 150px;
        max-width: 550px;
        width: 95vw;
    }
    .LandingTopSection_timer-block__aWh8x .LandingTopSection_in-wait-text__Pxid4 {
        font-size: var(--font-md);
    }
}
@media (max-width: 767px) {
    .LandingTopSection_timer-block__aWh8x .LandingTopSection_btn__iDhRi {
        width: 80%;
    }
}
.LandingTopSection_timer__9et5r {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    max-width: 80%;
}
.LandingTopSection_timer__9et5r p {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
}
.LandingTopSection_time-item__36wzM {
    position: relative;
    display: inline-flex;
    flex-flow: column nowrap;
    flex: 0 0 80px;
    gap: var(--pd-2);
}
.LandingTopSection_time-item__36wzM b {
    color: #fff;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
}
.LandingTopSection_time-item__36wzM span {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    opacity: 0.5;
    text-transform: uppercase;
}
.LandingTopSection_time-item__36wzM:not(:first-child):before {
    position: absolute;
    top: 50%;
    left: -50%;
    width: 1px;
    height: 120%;
    transform: translateY(-50%);
    background: var(--white);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 50%, rgba(255, 255, 255, 0));
    opacity: 0.8;
    content: "";
}
@media (max-width: 1024px) {
    .LandingTopSection_time-item__36wzM {
        flex: 0 0 70px;
    }
    .LandingTopSection_time-item__36wzM:before {
        left: -14px !important;
    }
    .LandingTopSection_time-item__36wzM b {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .LandingTopSection_time-item__36wzM {
        flex: 0 0 auto;
    }
    .LandingTopSection_time-item__36wzM:before {
        display: none;
    }
    .LandingTopSection_time-item__36wzM b {
        font-size: 30px;
    }
}
@keyframes LandingTopSection_pulse__Sgekv {
    0% {
        transform: scale(1);
        margin-left: 0;
    }
    50% {
        transform: scale(1.1);
        margin-left: 2px;
    }
    to {
        transform: scale(1);
        margin-left: 0;
    }
}
.LandingCardsBlock_center__iMQlP {
    position: relative;
    margin: var(--mg-4) auto;
    width: 95%;
    max-width: var(--main-content-max-width);
}
.LandingCardsBlock_grid__Ubv54 {
    display: flex;
    gap: 10px;
    min-height: 740px;
}
@media (max-width: 1680px) {
    .LandingCardsBlock_grid__Ubv54 {
        flex-flow: row wrap;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_col-1__wEVP9 {
        flex-basis: 15%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_col-4__lu97x {
        flex-basis: 100%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_found__VLHW5 {
        gap: 10px;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_found__VLHW5 .LandingCardsBlock_found-prize__IlGEi b {
        top: 90%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_armory__9ZwHG {
        flex-basis: 16%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_collection__5CnCo,
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_dungeon__mDjLR,
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_guild__lfAFR {
        flex-basis: 100%;
    }
}
@media (max-width: 767px) {
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_col-1__wEVP9,
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_col-2__WKoIW {
        flex-basis: 100%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_col-3__q4IJs {
        flex-basis: 100%;
        flex-flow: row wrap;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_col-4__lu97x {
        flex-basis: 100%;
        min-height: 240px;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_info__Bah2F .LandingCardsBlock_info-blocks__o6uhk {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_info__Bah2F .LandingCardsBlock_info-item__lScG2 {
        width: 45%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_clicker__EdhCM,
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_donation__rDWWf {
        display: none;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_armory__9ZwHG,
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_guest__PPs9p,
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_ui__tKxDt {
        flex-basis: 100%;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_dream__yAcb1 {
        flex-basis: 100%;
        min-height: 300px;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_guild__lfAFR {
        display: none;
    }
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_collection__5CnCo,
    .LandingCardsBlock_grid__Ubv54 .LandingCardsBlock_dungeon__mDjLR {
        width: 49%;
    }
}
.LandingCardsBlock_col__5WJqr {
    display: flex;
    flex-flow: column wrap;
    flex-grow: 1;
    gap: 10px;
}
.LandingCardsBlock_col-1__wEVP9 {
    flex-basis: 16%;
}
.LandingCardsBlock_col-2__WKoIW {
    flex-basis: 40%;
}
.LandingCardsBlock_col-3__q4IJs {
    flex-basis: 25%;
}
.LandingCardsBlock_col-4__lu97x {
    flex-basis: 16%;
}
.LandingCardsBlock_card__2jeKW {
    position: relative;
    display: inline-flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    gap: 17px;
    color: #fff;
    flex-grow: 1;
    padding: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: #140000;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
}
.LandingCardsBlock_card__2jeKW span {
    font-size: 32px;
    font-feature-settings: "smcp", "c2sc";
    font-variant: all-small-caps;
    white-space: pre-wrap;
}
.LandingCardsBlock_card__2jeKW p,
.LandingCardsBlock_card__2jeKW span {
    display: block;
    color: #fff;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
}
.LandingCardsBlock_card__2jeKW p {
    font-size: 24px;
    opacity: 0.6;
    font-feature-settings: "smcp", "c2sc";
    font-variant: all-small-caps;
}
.LandingCardsBlock_card__2jeKW b {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 96px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    font-feature-settings: "smcp", "c2sc";
    font-variant: all-small-caps;
    background: var(--gold-text-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.LandingCardsBlock_card__2jeKW b i {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    line-height: 80%;
    -webkit-text-fill-color: #fff;
	width: 100%;
}
.LandingCardsBlock_card__2jeKW s {
    text-align: center;
    font-size: 18px;
    font-weight: 200;
    line-height: 100%;
    text-decoration: none;
}
.LandingCardsBlock_card__2jeKW .LandingCardsBlock_separator__gWgSD {
    width: 100%;
    max-width: 138px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 50%, rgba(255, 255, 255, 0));
}
.LandingCardsBlock_exp__kejSF {
    order: 1;
    gap: 2px;
    flex-basis: 25%;
    flex-flow: column nowrap;
    background-image: url(/assets/990/image/x2_exp.webp);
}
.LandingCardsBlock_found__VLHW5 {
    order: 2;
    gap: 25px;
    flex-basis: 57%;
    background-image: url(/assets/990/image/prize_found.webp);
}
.LandingCardsBlock_found__VLHW5 b {
    font-size: 48px;
}
.LandingCardsBlock_found__VLHW5 img {
    width: 61px;
}
.LandingCardsBlock_found__VLHW5 .LandingCardsBlock_found-prize__IlGEi {
    position: relative;
}
.LandingCardsBlock_found__VLHW5 .LandingCardsBlock_found-prize__IlGEi b {
	position: absolute;
    top: 80%;
    left: 60%;
    transform: translateX(-50%);
}
.LandingCardsBlock_clicker__EdhCM {
    order: 3;
    gap: 2px;
    flex-basis: 15%;
    background-image: url(/assets/990/image/clicker.webp);
}
.LandingCardsBlock_quest__G6lrz {
    order: 1;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex-basis: 15%;
    background-image: url(/assets/990/image/quests.webp);
}
.LandingCardsBlock_quest__G6lrz b {
    font-size: 36px;
    text-align: left;
}
.LandingCardsBlock_quest__G6lrz b:nth-child(2) {
    text-align: right;
}
.LandingCardsBlock_info__Bah2F {
    order: 2;
    padding: var(--pd-6);
    align-items: flex-start;
    justify-content: flex-start;
    flex-basis: 49%;
    background-image: url(/assets/990/image/mg.webp);
    background-size: cover;
    background-position: 100%;
}
.LandingCardsBlock_info__Bah2F p {
    text-align: left;
}
.LandingCardsBlock_market__aE8g1 {
    order: 3;
    align-items: flex-start;
    justify-content: center;
    flex-basis: 23%;
    background-image: url(/assets/990/image/market.webp);
    background-size: cover;
    background-position: 100%;
}
.LandingCardsBlock_market__aE8g1 b {
    color: #f3a258;
    font-size: 24px;
    font-style: normal;
    font-weight: 350;
}
.LandingCardsBlock_donation__rDWWf {
    order: 4;
    flex-basis: 7%;
    border-radius: 20px;
    background: radial-gradient(181.81% 141.56% at 88.68% 55.19%, rgba(110, 41, 41, 0.2) 0, rgba(62, 2, 2, 0) 100%), rgba(87, 87, 87, 0.4);
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
    color: #8BC34A;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    font-feature-settings: "smcp", "c2sc";
    font-variant: all-small-caps;
    letter-spacing: 5.76px;
}
.LandingCardsBlock_guest__PPs9p {
    order: 1;
    align-items: flex-start;
    flex-basis: 15%;
    background-image: url(/assets/990/image/gues_acess.webp);
}
.LandingCardsBlock_guest__PPs9p span {
    font-size: 32px;
    font-weight: 700;
    text-align: left;
}
.LandingCardsBlock_ui__tKxDt {
    order: 2;
    gap: 0;
    align-items: flex-start;
    flex-basis: 23%;
    background-image: url(/assets/990/image/ui.webp);
}
.LandingCardsBlock_ui__tKxDt p {
    font-size: 24px;
    text-align: left;
}
.LandingCardsBlock_ui__tKxDt span {
    font-size: 32px;
    font-weight: 700;
}
.LandingCardsBlock_armory__9ZwHG {
    order: 3;
    gap: 2px;
    align-items: flex-start;
    flex-basis: 15%;
    background-image: url(/assets/990/image/armory.webp);
}
.LandingCardsBlock_armory__9ZwHG span {
    font-weight: 700;
    font-size: 32px;
}
.LandingCardsBlock_armory__9ZwHG P {
    text-align: left;
}
.LandingCardsBlock_dream__yAcb1 {
    order: 4;
    position: relative;
    flex-basis: 40%;
    background-image: url(/assets/990/image/dream_land.webp);
}
.LandingCardsBlock_dream__yAcb1 a {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 78px;
    height: 78px;
    cursor: pointer;
    opacity: 0.8;
    background: url(/assets/990/image/play_btn.webp) no-repeat 50%/100% 100%;
    transition: opacity 0.5s ease;
}
.LandingCardsBlock_dream__yAcb1 a:hover {
    opacity: 1;
}
.LandingCardsBlock_guild__lfAFR {
    order: 1;
    gap: var(--pd-1);
    justify-content: flex-end;
    flex-basis: 32%;
    background-image: url(/assets/990/image/guild.webp);
}
.LandingCardsBlock_guild__lfAFR span {
    font-weight: 700;
    font-size: 32px;
}
.LandingCardsBlock_guild__lfAFR p {
    font-size: 24px;
}
.LandingCardsBlock_collection__5CnCo {
    order: 2;
    gap: var(--pd-1);
    justify-content: flex-end;
    flex-basis: 32%;
    background-image: url(/assets/990/image/collection.webp);
}
.LandingCardsBlock_collection__5CnCo span {
    font-size: 32px;
    font-weight: 700;
}
.LandingCardsBlock_collection__5CnCo p {
    font-size: 24px;
}
.LandingCardsBlock_dungeon__mDjLR {
    order: 3;
    gap: var(--pd-1);
    justify-content: flex-end;
    flex-basis: 32%;
    background-image: url(/assets/990/image/dungeons.webp);
}
.LandingCardsBlock_dungeon__mDjLR span {
    font-size: 32px;
    font-weight: 700;
}
.LandingCardsBlock_dungeon__mDjLR p {
    font-size: 24px;
}
.LandingCardsBlock_sparks__7hJ1e {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.LandingCardsBlock_sparks__7hJ1e .LandingCardsBlock_spark_1__baLhH {
    position: absolute;
    background: url(/assets/990/image/spark_1.webp) no-repeat;
    width: 764px;
    height: 313px;
    right: 0;
    bottom: -120px;
    transform: scale(0.6);
    animation: LandingCardsBlock_spark-1__8b1Yr 4s linear infinite;
    animation-delay: 1s;
}
.LandingCardsBlock_sparks__7hJ1e .LandingCardsBlock_spark_2__lhUNT {
    position: absolute;
    background: url(/assets/990/image/spark_2.webp) no-repeat;
    width: 149px;
    height: 335px;
    right: 230px;
    bottom: -320px;
    transform: scale(0.6);
    animation: LandingCardsBlock_spark-1__8b1Yr 4s linear infinite;
    animation-delay: 2s;
}
.LandingCardsBlock_sparks__7hJ1e .LandingCardsBlock_spark_3__fj9xO {
    position: absolute;
    background: url(/assets/990/image/spark_3.webp) no-repeat;
    width: 128px;
    height: 165px;
    right: 280px;
    bottom: -140px;
    transform: scale(0.6);
    animation: LandingCardsBlock_spark-3__URPEc 4s linear infinite;
    animation-delay: 2s;
}
.LandingCardsBlock_sparks__7hJ1e .LandingCardsBlock_spark_4__xzMAQ {
    position: absolute;
    background: url(/assets/990/image/spark_4.webp) no-repeat;
    width: 794px;
    height: 176px;
    right: 0;
    bottom: -180px;
    transform: scale(0.6);
    animation: LandingCardsBlock_spark-5__L_QnJ 4s linear infinite;
}
.LandingCardsBlock_sparks-right__OSsUH {
    top: 0;
    right: -40%;
}
@keyframes LandingCardsBlock_spark-1__8b1Yr {
    0% {
        bottom: -320px;
        transform: scale(0.6);
        opacity: 1;
    }
    25% {
        bottom: -240px;
        transform: scale(0.7);
        opacity: 1;
    }
    50% {
        bottom: -160px;
        transform: scale(0.8);
        opacity: 1;
    }
    75% {
        bottom: -80px;
        transform: scale(0.9);
        opacity: 0.5;
    }
    to {
        bottom: 0;
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes LandingCardsBlock_spark-3__URPEc {
    0% {
        bottom: -140px;
        transform: scale(0.6);
        opacity: 1;
    }
    25% {
        bottom: -80px;
        transform: scale(0.7);
        opacity: 1;
    }
    50% {
        bottom: -20px;
        transform: scale(0.8);
        opacity: 1;
    }
    75% {
        bottom: 40px;
        transform: scale(0.9);
        opacity: 0.5;
    }
    to {
        bottom: 100px;
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes LandingCardsBlock_spark-5__L_QnJ {
    0% {
        bottom: -180px;
        transform: scale(0.6);
        opacity: 1;
    }
    25% {
        bottom: -120px;
        transform: scale(0.7);
        opacity: 1;
    }
    50% {
        bottom: -60px;
        transform: scale(0.8);
        opacity: 1;
    }
    75% {
        bottom: 0;
        transform: scale(0.9);
        opacity: 0.5;
    }
    to {
        bottom: 60px;
        transform: scale(1);
        opacity: 0;
    }
}
.LandingGameContentSection_tab-content__1wXMF {
    margin-top: 28px;
}
.LandingGameContentSection_tab-content__1wXMF .swiper-slide {
    width: -moz-fit-content;
    width: fit-content;
}
.LandingGameContentSection_tab-btn__s4_qF {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)), rgba(41, 10, 10, 0.35);
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
    color: #b29f9f;
    font-size: 22px;
    min-height: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    flex-grow: 1;
    transition: all 0.2s ease;
}
.LandingGameContentSection_tab-btn__s4_qF.LandingGameContentSection_active__jbn97,
.LandingGameContentSection_tab-btn__s4_qF:hover {
    color: var(--white);
    border-radius: 16px;
    border: 1px solid #ffc300;
    background: radial-gradient(52.31% 167.09% at 50% 99.83%, rgba(255, 216, 86, 0.2) 0, rgba(255, 216, 86, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), rgba(41, 33, 10, 0.64);
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
}
.LandingGameContentSection_tab-btn__s4_qF:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    border-radius: 24px 24px 0 0;
    background: #ffd856;
    box-shadow: 0 0 113.4px 0 #ffd856, 0 0 64.8px 0 #ffd856, 0 0 37.8px 0 #ffd856, 0 0 18.9px 0 #ffd856, 0 0 5.4px 0 #ffd856, 0 0 2.7px 0 #ffd856;
    transform: translateX(-50%);
    transition: width 0.2s ease;
}
.LandingGameContentSection_tab-btn__s4_qF.LandingGameContentSection_active__jbn97:before {
    width: 60%;
}
.LandingGameContentSection_item__UuiCg {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: flex-start;
    padding: var(--pd-4);
    gap: 0;
    width: 505px;
    height: 418px;
    border: 1px solid var(--border-color);
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(0deg, rgba(78, 33, 32, 0.16), rgba(78, 33, 32, 0.16)), rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.LandingGameContentSection_item__UuiCg .LandingGameContentSection_name__wDKgi {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.LandingGameContentSection_item__UuiCg .LandingGameContentSection_sub-name__SDYHc {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    white-space: pre-wrap;
}
.LandingGameContentSection_item__UuiCg .LandingGameContentSection_name__wDKgi b {
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    text-shadow: 0 4px 50px rgba(202, 202, 202, 0.54);
    -webkit-text-stroke-width: 0.6;
    -webkit-text-stroke-color: #000;
    font-family: var(--font-lateef);
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    background: radial-gradient(100% 100% at 50% 100%, #949494 0, #676767 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.LandingGameContentSection_item__UuiCg.LandingGameContentSection_active__jbn97 .LandingGameContentSection_name__wDKgi b {
    text-shadow: 0 4px 50px rgba(223, 130, 5, 0.54);
    background: radial-gradient(100% 100% at 50% 100%, #ff8a00 0, #ffd600 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.LandingGameContentSection_item__UuiCg.LandingGameContentSection_small__I_MU6 {
    justify-content: flex-end;
    width: 400px;
    height: 206px;
}
.LandingGameContentSection_item__UuiCg.LandingGameContentSection_small__I_MU6:not(.LandingGameContentSection_active__jbn97) {
    filter: grayscale(1);
}
/* 轮播容器通用样式 */
.your-swiper-class {
  width: 100%; 
  max-width: 1200px; /* PC 端最大宽度（必须 ≥ 4 个幻灯片总宽度） */
  margin: 0 auto; 
  overflow: hidden;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

/* 幻灯片包装器 */
.your-swiper-class .swiper-wrapper {
  /* 移除margin，让Swiper完全控制间距 */
}

/* 单个幻灯片 */
.your-swiper-class .swiper-slide {
  flex-shrink: 0; /* 禁止压缩 */
  /* 移除padding，使用JavaScript的spaceBetween控制间距 */
  box-sizing: border-box;
  height: auto; /* 自动高度，不限制轮播图高度 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px; 
  transition: transform 0.3s ease;
}

/* 幻灯片内容 */
.your-swiper-class .swiper-slide > div {
  text-align: center;
  padding: 10px;
  font-size: 16px;
}

/* 移除固定宽度设置，让Swiper自动计算 */
/* 所有响应式宽度由JavaScript的breakpoints配置控制 */
/* 隐藏所有非激活的内容块 */
.NewLanding_tab-wrap__KaFTr .NewLanding_tab-content__zQxpu {
  display: none; /* 默认隐藏 */
}

/* 激活时显示内容块（通过JS添加 active 类） */
.NewLanding_tab-wrap__KaFTr .NewLanding_tab-content__zQxpu.active {
  display: flex !important
;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
 
 /*  * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background: linear-gradient(135deg, #1a2a6c, #2c3e50);
            color: #fff;
            min-height: 100vh;
            padding: 20px;
        } */
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        header {
            text-align: center;
            margin-bottom: 40px;
            padding: 20px;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        }
        
        .logo {
            font-size: 48px;
            font-weight: bold;
            background: linear-gradient(to right, #ff8a00, #da1b60);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 15px;
            text-shadow: 0 0 10px rgba(218, 27, 96, 0.5);
        }
        
        .subtitle {
            font-size: 20px;
            color: #bdc3c7;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        #why {
            border-radius: 15px;
        }
        
        .fy-content-small {
            max-width: 1000px;
            margin: 30 auto;
        }
        
        .fy-title {
            position: relative;
            font-style: normal;
            font-weight: 800;
            font-size: 50px;
            line-height: 100%;
            text-align: center;
            margin: 0 auto 10px;
            color: var(--white);
        }
        
        .fy-sub-title {
            font-size: 20px;
            text-align: center;
            color: #c2b5c4b5;
            margin-bottom: 0px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.6;
        }
        
        .fy-slider {
            position: relative;
            margin: auto;
            max-width: 1000px;
            padding: 30px 0;
            z-index: 2;
        }
        
        .fy-slider-list {
            overflow: hidden;
        }
        
        .fy-slider-track {
            display: flex;
            transition: transform 0.5s ease;
            padding: 10px 0;
        }
        
        .fy-slide {
            flex: 0 0 12.5%;
            display: flex;
            justify-content: center;
            padding: 0 5px;
            min-width: 0;
        }
        
        .fy-slide-circle {
            width: 155px;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            flex-flow: column wrap;
            cursor: pointer;
            opacity: 0.5;
            transition: all 0.2s ease;
        }
        
        .fy-slide-circle:hover {
            opacity: 0.8;
            transform: scale(1.02);
        }
        
        .fy-slide-circle:hover p {
            color: #cccccc !important;
        }
        
        .fy-slide-circle.fy-active {
            opacity: 1;
            transform: scale(1.05);
        }
        
        .fy-slide-circle.fy-active p {
            color: #ffcc00 !important;
        }
        
        .fy-ring-img {
            position: relative;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.4);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            transition: all 0.3s ease;
        }
        
        /* 边框在上层 */
        .fy-ring-border {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(/assets/990/image/img_ring.png) no-repeat 50%;
            z-index: 2;
        }
        
        .fy-ring-img img {
            width: 60px;
            height: 60px;
            object-fit: contain;
            transition: transform 0.3s ease;
            z-index: 1;
            position: relative;
            border-radius: 30px;
        }
        
        .fy-slide p {
            text-align: center;
            font-size: 15px;
            color: #888888;
            margin-top: 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            transition: color 0.3s ease;
        }
        
        .fy-arrow {
            position: absolute;
            top: 45%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            color: white;
            font-size: 24px;
            cursor: pointer;
            z-index: 20;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            border: none;
        }
        
        .fy-arrow:hover {
            transform: translateY(-50%) scale(1.1);
        }
        
        .fy-prev {
            left: -60;
            background: url(/assets/990/image/process-slider-arrow-left.png) center/100% no-repeat;
        }
        
        .fy-prev:hover {
            background: url(/assets/990/image/process-slider-arrow-hl.png) center/100% no-repeat;
        }
        
        .fy-next {
            right: -60;
            background: url(/assets/990/image/process-slider-arrow-right.png) center/100% no-repeat;
        }
        
        .fy-next:hover {
            background: url(/assets/990/image/process-slider-arrow-h.png) center/100% no-repeat;
        }
        
        .fy-tab-content {
            background: rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            padding: 25px;
            margin-top: 20px;
            display: none;
            animation: fadeIn 0.5s ease;
            border: 1px solid rgba(52, 152, 219, 0.5);
        }
        
        .fy-tab-content.active {
            display: block;
        }
        
        .fy-tab-title {
            font-size: 24px;
            color: #f1c40f;
            margin-bottom: 15px;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
        }
        
        .fy-tab-description {
            font-size: 16px;
            line-height: 1.7;
            color: #ecf0f1;
        }
        
        footer {
            text-align: center;
            padding: 20px;
            color: #bdc3c7;
            font-size: 14px;
            margin-top: 40px;
        }
        
        @keyframes pulse {
            0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(241, 196, 15, 0.7);
            }
            70% {
                transform: scale(1);
                box-shadow: 0 0 0 12px rgba(241, 196, 15, 0);
            }
            100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(241, 196, 15, 0);
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* 移动端优化 */
        @media (max-width: 900px) {
            .fy-slide {
                flex: 0 0 20%;
            }
            
            .fy-title {
                font-size: 28px;
            }
            
            .fy-sub-title {
                font-size: 16px;
            }
        }
        
        @media (max-width: 768px) {
            .fy-slider {
                padding: 20px 50px;
            }
            
            .fy-slide {
                flex: 0 0 33.333%;
                padding: 0 8px;
            }
            
            .fy-slide-circle {
                width: 100%;
                max-width: 120px;
            }
            
            .fy-ring-img {
                width: 70px;
                height: 70px;
            }
            
            .fy-ring-img img {
                width: 50px;
                height: 50px;
            }
            
            .fy-slide p {
                font-size: 13px;
            }
            
            .fy-tab-content {
                padding: 15px;
            }
            
            .fy-tab-title {
                font-size: 20px;
            }
            
            .fy-tab-description {
                font-size: 15px;
            }
            
            .fy-prev {
                left: 0;
                width: 40px;
                height: 40px;
            }
            
            .fy-next {
                right: 0;
                width: 40px;
                height: 40px;
            }
        }
        
        @media (max-width: 480px) {
            .fy-title {
                font-size: 24px;
            }
            
            .fy-sub-title {
                font-size: 14px;
            }
            
            .fy-slide {
                flex: 0 0 50%;
            }
            
            .fy-slide-circle {
                max-width: 100px;
            }
            
            .fy-ring-img {
                width: 60px;
                height: 60px;
            }
            
            .fy-ring-img img {
                width: 40px;
                height: 40px;
            }
            
            .fy-slide p {
                font-size: 12px;
            }
            
            .fy-tab-title {
                font-size: 18px;
            }
            
            .fy-tab-description {
                font-size: 14px;
            }
        }
        
        /* 触摸滑动支持 */
        .fy-slider-track {
            touch-action: pan-y;
        }
	
/*	在线进度条美化 */
/* 设置最大容量为10000 - 根据实际情况调整 */
:root {
    --server-max-capacity: 500;
}

.SideMenuServers_bar__ofriN {
    height: 4px;
    background: linear-gradient(90deg, #4caf50, #8bc34a);
    border-radius: 2px;
    transition: width 0.5s ease;
    
    /* 关键CSS计算（客户端处理，不依赖模板函数） */
    width: calc(
        min(100%, var(--value) * 100% / var(--server-max-capacity))
    );
}
.container {
            flex: 1;
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
        }
        
        .content {
            background: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }
        
        h1 {
            color: #2c3e50;
            margin-bottom: 20px;
            text-align: center;
        }
        
        .problem-section {
            background: #fff8e1;
            border-left: 4px solid #ffc107;
            padding: 15px;
            margin: 20px 0;
        }
        
        .solution-section {
            background: #e8f5e9;
            border-left: 4px solid #4caf50;
            padding: 15px;
            margin: 20px 0;
        }
        
        .footer {
            background: #222;
            color: #aaa;
            padding: 25px 0;
            font-size: 13px;
            line-height: 1.6;
            width: 100%;
            margin-top: auto; /* 确保页脚在页面底部 */
        }
        
        .cen {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        .lf {
            text-align: center;
        }
        
        .footer p {
            margin: 8px 0;
        }
        
        .footer a {
            color: #4a9cff;
            text-decoration: none;
        }
        
        .footer a:hover {
            text-decoration: underline;
        }
        
        .two {
            font-size: 14px;
            color: #ddd;
            font-weight: bold;
        }
        
        .four {
            font-size: 12px;
        }
        
        .success-message {
            background: #4caf50;
            color: white;
            padding: 15px;
            text-align: center;
            margin-top: 20px;
            border-radius: 4px;
            display: none;
        }
        
        .visible {
            display: block;
        }
        
        @media (max-width: 768px) {
            .footer {
                padding: 15px 0;
            }
            
            .footer p {
                font-size: 11px;
            }
        }
		/*  问答	 */
        .container {
            max-width: 100%;
            margin: 0 auto;
            padding: 20px;
        }
        
        .faq-block {
            margin-top: -60px;
        }
        
        .faq-title {
            font-size: 28px;
            font-weight: bold;
            color: #ffd700;
            margin-bottom: 30px;
            text-align: center;
            text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
        }
        
        .faq-item {
			background: linear-gradient(145deg, #79554842, #2f1e18);
			border-radius: 8px;
			margin-bottom: 15px;
			overflow: hidden;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
			transition: all 0.3s ease;
        }
        
        .faq-item:hover {
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        
        .faq-item-title {
            padding: 18px 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 18px;
            color: #ffd700;
        }
        
        .faq-item-title:hover {
            background-color: rgba(255, 215, 0, 0.1);
        }
        
        .faq-item-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
        }
        
        .faq-item-wrapper {
            padding: 0 20px;
        }
        
        .faq-content {
            padding: 20px 0;
            border-top: 1px solid rgba(255, 215, 0, 0.3);
        }
        
        .faq-content p, .faq-content li {
            margin-bottom: 12px;
            font-size: 16px;
			 color: #FFF;
        }
        
        .faq-content ul, .faq-content ol {
            padding-left: 20px;
            margin: 15px 0;
        }
        
        .faq-content strong {
            color: #ffd700;
        }
        
        .faq-content a {
            color: #60a5fa;
            text-decoration: none;
        }
        
        .faq-content a:hover {
            text-decoration: underline;
        }
        
        .icon {
            transition: transform 0.3s ease;
        }
        
        .icon.active {
            transform: rotate(180deg);
        }
        
        .header {
            text-align: center;
            padding: 20px 0;
        }
        
        .logo {
            font-size: 36px;
            font-weight: bold;
            color: #ffd700;
            text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
            margin-bottom: 10px;
        }
        
        .subtitle {
            font-size: 18px;
            color: #cbd5e1;
        }		
		       body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            background-color: #f5f5f5;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 30px;
        }
        .logo {
            text-align: center;
            margin-bottom: 30px;
        }
        .logo h1 {
            color: #333;
            font-size: 28px;
            margin: 0;
        }
        .form-section {
            margin-bottom: 25px;
        }
        .form-title {
            font-size: 18px;
            color: #1E9FFF;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }
        .layui-form-label {
            width: 120px;
        }
        .layui-input-block {
            margin-left: 150px;
        }
        .register-btn {
            text-align: center;
            margin-top: 30px;
        }
        .captcha-img {
            height: 38px;
            border-radius: 2px;
            cursor: pointer;
        }
        .required::after {
            content: '*';
            color: red;
            margin-left: 4px;
        }
		
	/* 注册	*/