.x5tpc {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .x5tpc {
        gap:1.25rem
    }
}

.x5tpc>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .x5tpc {
        gap:.625rem;
        justify-content: flex-start
    }

    .x5tpc>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.nKxGE {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .nKxGE:hover {
        color:var(--accent-color-hovered)
    }
}

._1B1Uk {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

._1B1Uk svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    ._1B1Uk:hover {
        background-color:#fff3
    }
}

.fxidc {
    position: relative
}

.fxidc:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .fxidc:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .fxidc:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .fxidc:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .fxidc:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .fxidc:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .fxidc:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .fxidc:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .fxidc:after {
        height:24.0625rem
    }
}

.IOhBM .hd27a[data-lower] {
    width: 0
}

.IOhBM .hUW0m {
    border-radius: 6px
}

.dJES3 {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.dJES3:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .dJES3 {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .uRJC7 {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .uRJC7:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .uRJC7:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.pjTrV {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100svh
}

.Aqo-b {
    text-transform: uppercase;
    background: linear-gradient(180deg,rgb(7,33,107),rgba(7,33,107,0) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 800;
    text-align: center
}

@media (min-width: 85em) {
    .Aqo-b {
        font-size:34.375rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (font-size: clamp(9.5rem,1.8461538462rem + 38.2692307692vw,34.375rem)) {
        .Aqo-b {
            font-size:clamp(9.5rem,1.8461538462rem + 38.2692307692vw,34.375rem)
        }
    }

    @supports not (font-size: clamp(9.5rem,1.8461538462rem + 38.2692307692vw,34.375rem)) {
        .Aqo-b {
            font-size:calc(9.5rem + 24.875 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .Aqo-b {
        font-size:9.5rem
    }
}

._4N5GU {
    position: absolute;
    text-align: center
}

.qo7Ng {
    max-width: 11.625rem;
    margin: 0 auto 2.125rem
}

.VDHoC {
    line-height: 1.2857142857;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1.875rem
}

@media (min-width: 85em) {
    .VDHoC {
        font-size:2.625rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (font-size: clamp(2.25rem,2.1346153846rem + .5769230769vw,2.625rem)) {
        .VDHoC {
            font-size:clamp(2.25rem,2.1346153846rem + .5769230769vw,2.625rem)
        }
    }

    @supports not (font-size: clamp(2.25rem,2.1346153846rem + .5769230769vw,2.625rem)) {
        .VDHoC {
            font-size:calc(2.25rem + .375 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .VDHoC {
        font-size:2.25rem
    }
}

.fDRHb {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .fDRHb {
        gap:1.25rem
    }
}

.fDRHb>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .fDRHb {
        gap:.625rem;
        justify-content: flex-start
    }

    .fDRHb>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.zLqtW {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .zLqtW:hover {
        color:var(--accent-color-hovered)
    }
}

.CTc6u {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.CTc6u svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .CTc6u:hover {
        background-color:#fff3
    }
}

.cIyF5 {
    position: relative
}

.cIyF5:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .cIyF5:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .cIyF5:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .cIyF5:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .cIyF5:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .cIyF5:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .cIyF5:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .cIyF5:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .cIyF5:after {
        height:24.0625rem
    }
}

.C-HM8 .t5Xtk[data-lower] {
    width: 0
}

.C-HM8 .t7ikM {
    border-radius: 6px
}

.qFmFp {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.qFmFp:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .qFmFp {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .JBqm4 {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .JBqm4:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .JBqm4:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.ULijV {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: .3125rem;
    border-radius: .625rem;
    font-weight: 600;
    outline-offset: .25rem;
    padding: .625rem 1.875rem;
    transition: all .2s ease 0s;
    transition-property: background-position,color,background-color,opacity
}

@media (min-width: 85em) {
    .ULijV {
        font-size:1rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (font-size: clamp(.875rem,.8365384615rem + .1923076923vw,1rem)) {
        .ULijV {
            font-size:clamp(.875rem,.8365384615rem + .1923076923vw,1rem)
        }
    }

    @supports not (font-size: clamp(.875rem,.8365384615rem + .1923076923vw,1rem)) {
        .ULijV {
            font-size:calc(.875rem + .125 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ULijV {
        font-size:.875rem
    }
}

@media (min-width: 85em) {
    .ULijV {
        height:3.375rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (height: clamp(3rem,2.8846153846rem + .5769230769vw,3.375rem)) {
        .ULijV {
            height:clamp(3rem,2.8846153846rem + .5769230769vw,3.375rem)
        }
    }

    @supports not (height: clamp(3rem,2.8846153846rem + .5769230769vw,3.375rem)) {
        .ULijV {
            height:calc(3rem + .375 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ULijV {
        height:3rem
    }
}

.ULijV[disabled] {
    pointer-events: none;
    opacity: .7
}

.ULijV svg {
    flex: 0 0 .8125rem;
    font-size: .8125rem
}

._7f6-F {
    color: #fff;
    background-color: var(--accent-color)
}

@media (any-hover: hover) {
    ._7f6-F:hover {
        background-color:var(--accent-color-hovered)
    }
}

.CGirO {
    height: 2.75rem;
    font-weight: 500;
    border-radius: .625rem;
    background: rgba(255,255,255,.0117647059);
    position: relative;
    border: .0625rem solid #1f8feb
}

@media (any-hover: hover) {
    .CGirO:hover {
        background:rgba(255,255,255,.1)
    }
}

.V0-OX {
    border-radius: 3.125rem;
    background: rgba(255,255,255,.01);
    position: relative
}

.V0-OX:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3.125rem;
    padding: 2px;
    background: linear-gradient(30deg,#16d1d6 0%,#274cff 100%);
    -webkit-mask: linear-gradient(30deg,#16d1d6 0%,#274cff 100%) content-box,linear-gradient(30deg,#16d1d6 0%,#274cff 100%);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

@media (any-hover: hover) {
    .V0-OX:hover {
        background:rgba(255,255,255,.1)
    }
}

.ttC-U {
    min-width: auto;
    height: auto;
    color: #656973;
    font-size: 16px;
    padding: 0
}

.ttC-U svg {
    font-size: 16px;
    flex: 0 0 16px;
    color: var(--main-dark)
}

@media (any-hover: hover) {
    .ttC-U:hover {
        color:var(--main-dark)
    }
}

.ytMbS {
    display: flex;
    width: 100%
}

.NGDeG {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .NGDeG {
        gap:1.25rem
    }
}

.NGDeG>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .NGDeG {
        gap:.625rem;
        justify-content: flex-start
    }

    .NGDeG>* {
        flex: 0 1 calc(50% - 5px)
    }
}

._805bm {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    ._805bm:hover {
        color:var(--accent-color-hovered)
    }
}

.I0zxk {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.I0zxk svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .I0zxk:hover {
        background-color:#fff3
    }
}

.vKjzE {
    position: relative
}

.vKjzE:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .vKjzE:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .vKjzE:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .vKjzE:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .vKjzE:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .vKjzE:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .vKjzE:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .vKjzE:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .vKjzE:after {
        height:24.0625rem
    }
}

.NUeL5 ._1C5OQ[data-lower] {
    width: 0
}

.NUeL5 .QFmSl {
    border-radius: 6px
}

.S-jq4 {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.S-jq4:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .S-jq4 {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    ._5GS-l {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    ._5GS-l:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    ._5GS-l:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.PTgSC {
    margin-top: 12.5rem
}

@media (max-width: 1150px) {
    .PTgSC {
        margin-top:7.75rem
    }
}

.flexBox {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .flexBox {
        gap:1.25rem
    }
}

.flexBox>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .flexBox {
        gap:.625rem;
        justify-content: flex-start
    }

    .flexBox>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.linkHovered {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .linkHovered:hover {
        color:var(--accent-color-hovered)
    }
}

.iconButton {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.iconButton svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .iconButton:hover {
        background-color:#fff3
    }
}

.roundBg {
    position: relative
}

.roundBg:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .roundBg:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .roundBg:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .roundBg:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .roundBg:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .roundBg:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .roundBg:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .roundBg:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .roundBg:after {
        height:24.0625rem
    }
}

.range .range-slider__thumb[data-lower] {
    width: 0
}

.range .range-slider__range {
    border-radius: 6px
}

.tooltip {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.tooltip:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .tooltip {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .fadeOnSides {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .fadeOnSides:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .fadeOnSides:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/Inter-Regular-413a527c.woff2) format("woff2"),url(/assets/Inter-Regular-7fa55649.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/Inter-Medium-d6e25319.woff2) format("woff2"),url(/assets/Inter-Medium-2c58de91.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/Inter-SemiBold-07d60945.woff2) format("woff2"),url(/assets/Inter-SemiBold-8a5d8281.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/Inter-Bold-01191e5d.woff2) format("woff2"),url(/assets/Inter-Bold-bf4fd015.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/Inter-ExtraBold-c056aae4.woff2) format("woff2"),url(/assets/Inter-ExtraBold-81847194.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

:root {
    --font-family: Inter, serif;
    --font-size: 1rem;
    --font-color: rgba(255, 255, 255, .8);
    --overlay-color: rgba(15, 26, 74, .7);
    --overlay-blur: 4px;
    --accent-color: #1f8feb;
    --accent-color-hovered: #1971b9;
    --bg-color: #0c0c3a;
    --accent-gradient: radial-gradient( 199.87% 141.42% at -0% 0%, #16d1d6 0%, #274cff 100% );
    --burger-z-index: 10;
    --modal-z-index: 140
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,*:before,*:after {
    box-sizing: border-box
}

*:focus:not(:focus-visible) {
    outline: none
}

*:focus-visible {
    outline: 2px solid #ffffff
}

html,body {
    height: 100%;
    min-width: 320px
}

body {
    font-size: var(--font-size);
    color: var(--font-color);
    line-height: 1;
    font-family: var(--font-family);
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input,button,textarea {
    font-family: var(--font-family);
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,h2,h3,h4,h5,h6 {
    font-weight: inherit;
    font-size: inherit
}

#root {
    height: 100%
}

body {
    background: var(--bg-color) url(/assets/hero_bg-2eeb6358.png) repeat top
}

.hero-item {
    will-change: transform
}

.JGyat {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .JGyat {
        gap:1.25rem
    }
}

.JGyat>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .JGyat {
        gap:.625rem;
        justify-content: flex-start
    }

    .JGyat>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.ltOf9 {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .ltOf9:hover {
        color:var(--accent-color-hovered)
    }
}

.sddUX {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.sddUX svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .sddUX:hover {
        background-color:#fff3
    }
}

.JvhV7 {
    position: relative
}

.JvhV7:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .JvhV7:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .JvhV7:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .JvhV7:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .JvhV7:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .JvhV7:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .JvhV7:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .JvhV7:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .JvhV7:after {
        height:24.0625rem
    }
}

.iFXaW .ms4nN[data-lower] {
    width: 0
}

.iFXaW .GQDSB {
    border-radius: 6px
}

.W9wUu {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.W9wUu:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .W9wUu {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .tOZW6 {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .tOZW6:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .tOZW6:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.RsP51 {
    display: flex;
    height: 9.375rem;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-size: 60px
}

.RsP51.I7RUi {
    height: 100vh
}

.AqMvQ {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .AqMvQ {
        gap:1.25rem
    }
}

.AqMvQ>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .AqMvQ {
        gap:.625rem;
        justify-content: flex-start
    }

    .AqMvQ>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.Z6D2C {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .Z6D2C:hover {
        color:var(--accent-color-hovered)
    }
}

.EMyKB {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.EMyKB svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .EMyKB:hover {
        background-color:#fff3
    }
}

.prjBp {
    position: relative
}

.prjBp:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .prjBp:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .prjBp:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .prjBp:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .prjBp:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .prjBp:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .prjBp:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .prjBp:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .prjBp:after {
        height:24.0625rem
    }
}

.dgUjX .uytG4[data-lower] {
    width: 0
}

.dgUjX .-D1e0 {
    border-radius: 6px
}

._9az3d {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

._9az3d:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    ._9az3d {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .kgOL- {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .kgOL-:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .kgOL-:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.q5K-K {
    max-width: 85em;
    width: 100%;
    margin: 0 auto;
    padding: 0 1.25rem
}

.rrWqy {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .rrWqy {
        gap:1.25rem
    }
}

.rrWqy>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .rrWqy {
        gap:.625rem;
        justify-content: flex-start
    }

    .rrWqy>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.U48MK,.PHNEZ {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .U48MK:hover,.PHNEZ:hover {
        color:var(--accent-color-hovered)
    }
}

.nD2gk,.b3IMz {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.nD2gk svg,.b3IMz svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .nD2gk:hover,.b3IMz:hover {
        background-color:#fff3
    }
}

.hfc62 {
    position: relative
}

.hfc62:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .hfc62:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .hfc62:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .hfc62:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .hfc62:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .hfc62:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .hfc62:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .hfc62:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .hfc62:after {
        height:24.0625rem
    }
}

._0yBZv .Asqvw[data-lower] {
    width: 0
}

._0yBZv .S30hv {
    border-radius: 6px
}

.Z-KiL {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.Z-KiL:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .Z-KiL {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .kDbl8 {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .kDbl8:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .kDbl8:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.h0rQ9 {
    border-top: .0625rem solid rgba(255,255,255,.15);
    padding: 2.5rem 0
}

@media (max-width: 47.99875em) {
    .h0rQ9 {
        padding-bottom:6.25rem
    }
}

.lXWXt {
    display: flex;
    justify-content: space-between;
    row-gap: 40px
}

@media (min-width: 85em) {
    .lXWXt {
        column-gap:3.125rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (column-gap: clamp(1.875rem,1.4903846154rem + 1.9230769231vw,3.125rem)) {
        .lXWXt {
            column-gap:clamp(1.875rem,1.4903846154rem + 1.9230769231vw,3.125rem)
        }
    }

    @supports not (column-gap: clamp(1.875rem,1.4903846154rem + 1.9230769231vw,3.125rem)) {
        .lXWXt {
            column-gap:calc(1.875rem + 1.25 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .lXWXt {
        column-gap:1.875rem
    }
}

@media (max-width: 76.25em) {
    .lXWXt {
        flex-wrap:wrap
    }
}

@media (max-width: 47.99875em) {
    .lXWXt {
        flex-direction:column
    }
}

.yVtoQ {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 25px
}

.eG9MF {
    max-width: 8rem
}

.eG9MF img {
    max-width: 100%
}

@media (max-width: 47.99875em) {
    .eG9MF {
        margin:0 auto
    }
}

.c1Md6 {
    text-transform: capitalize;
    color: #fffc;
    line-height: 1.5
}

@media (max-width: 47.99875em) {
    .c1Md6 {
        text-align:center
    }
}

.ELfly {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-around;
    gap: 1.875rem
}

@media (max-width: 76.25em) and (min-width: 47.99875em) {
    .ELfly {
        order:3
    }
}

@media (max-width: 47.99875em) {
    .ELfly {
        flex-direction:column;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .ELfly>* {
        width: 100%
    }
}

.Ycu4l,.S4UuM {
    text-transform: capitalize;
    margin-bottom: .625rem;
    color: #fffc;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4444444444
}

.PHNEZ {
    text-transform: capitalize;
    display: inline-flex;
    padding: .625rem 0
}

.PHNEZ:has(svg) {
    align-items: center;
    column-gap: .5rem
}

.PHNEZ:has(svg) svg {
    font-size: .5625rem
}

@media (max-width: 47.99875em) {
    .PHNEZ {
        display:flex;
        width: 100%;
        justify-content: center
    }
}

.tWGxf {
    grid-area: socials;
    margin: 0 auto
}

.S4UuM {
    margin-bottom: .625rem
}

@media (max-width: 47.99875em) {
    .S4UuM {
        text-align:center
    }
}

._7Yav0 {
    display: flex;
    flex-wrap: wrap;
    max-width: 10.875rem;
    gap: .625rem
}

@media (max-width: 47.99875em) {
    ._7Yav0 {
        max-width:100%;
        justify-content: center
    }
}

.H61rI {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .H61rI {
        gap:1.25rem
    }
}

.H61rI>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .H61rI {
        gap:.625rem;
        justify-content: flex-start
    }

    .H61rI>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.phwb8 {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .phwb8:hover {
        color:var(--accent-color-hovered)
    }
}

.XZrtu {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.XZrtu svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .XZrtu:hover {
        background-color:#fff3
    }
}

.C4meA {
    position: relative
}

.C4meA:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .C4meA:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .C4meA:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .C4meA:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .C4meA:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .C4meA:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .C4meA:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .C4meA:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .C4meA:after {
        height:24.0625rem
    }
}

.XTlz1 .eia4B[data-lower] {
    width: 0
}

.XTlz1 .ClFMO {
    border-radius: 6px
}

.IgKVp {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.IgKVp:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .IgKVp {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .s1cQy {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .s1cQy:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .s1cQy:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

._3v0Tq {
    max-width: 409px
}

@media (max-width: 47.99875em) {
    ._3v0Tq {
        margin:0 auto
    }
}

.cezhp {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4444444444;
    color: #fffc;
    margin-bottom: 15px
}

@media (max-width: 47.99875em) {
    .cezhp {
        text-align:center
    }
}

.u4fS3 {
    display: grid;
    row-gap: 8px
}

.Le0-W {
    display: grid;
    grid-template-columns: 56px 1fr;
    align-items: start;
    font-size: 13px;
    line-height: 1.3846153846;
    column-gap: 10px
}

.kRYB5 {
    display: flex;
    margin-top: 2px;
    align-items: center;
    column-gap: 5px;
    font-size: 13px;
    line-height: 1.3846153846;
    color: #fff
}

.kRYB5 svg {
    flex: 0 0 .875rem;
    width: .875rem;
    height: .875rem
}

@media (max-width: 47.99875em) {
    .kRYB5 {
        justify-content:center
    }
}

._3Hn-4 {
    color: #d1d1d1;
    word-break: break-all
}

._3Hn-4 button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 18px
}

.AwbZc {
    flex: 0 0 .875rem;
    font-size: 14px;
    width: .875rem;
    height: .875rem
}

.U4753 {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .U4753 {
        gap:1.25rem
    }
}

.U4753>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .U4753 {
        gap:.625rem;
        justify-content: flex-start
    }

    .U4753>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.ne65T {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .ne65T:hover {
        color:var(--accent-color-hovered)
    }
}

.CQive {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.CQive svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .CQive:hover {
        background-color:#fff3
    }
}

.eIKAo {
    position: relative
}

.eIKAo:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .eIKAo:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .eIKAo:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .eIKAo:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .eIKAo:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .eIKAo:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .eIKAo:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .eIKAo:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .eIKAo:after {
        height:24.0625rem
    }
}

.N9TPk .sPRWs[data-lower] {
    width: 0
}

.N9TPk ._1VuXM {
    border-radius: 6px
}

.YhQzS {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.YhQzS:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .YhQzS {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    ._9LXSG {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    ._9LXSG:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    ._9LXSG:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.xWfAw {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: var(--overlay-color);
    -webkit-backdrop-filter: blur(var(--overlay-blur));
    backdrop-filter: blur(var(--overlay-blur));
    visibility: hidden;
    transition: all .2s ease 0s;
    z-index: -1;
    overflow-y: auto;
    overflow-x: hidden
}

.xWfAw.V4KwL {
    z-index: var(--modal-z-index);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

._9KDYv {
    display: flex;
    min-height: 100%;
    justify-content: center;
    align-items: center;
    column-gap: .9375rem;
    padding: 2.5rem 1.25rem
}

@media (max-width: 53.125em) {
    ._9KDYv {
        align-items:center;
        padding: 1.25rem
    }
}

._2XX-o {
    z-index: 11;
    border-radius: .625rem;
    background: linear-gradient(135deg,rgb(27,41,92),rgb(32,50,118) 100%);
    transform: scale(.8);
    max-width: 31.25rem;
    width: 100%;
    padding: 1.875rem 1.875rem 1.75rem;
    transition: all .2s ease 0s;
    opacity: 0;
    visibility: hidden
}

.V4KwL ._2XX-o {
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

@media (max-width: 29.99875em) {
    ._2XX-o {
        width:100%!important;
        padding: 1.875rem 1.25rem
    }
}

.VldeQ {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding: .9375rem;
    top: 0;
    right: 0;
    font-size: 1.125rem;
    opacity: .7;
    transition: opacity .2s ease 0s
}

@media (any-hover: hover) {
    .VldeQ:hover {
        opacity:1
    }
}

.hNXnt {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .hNXnt {
        gap:1.25rem
    }
}

.hNXnt>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .hNXnt {
        gap:.625rem;
        justify-content: flex-start
    }

    .hNXnt>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.MqwbW {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .MqwbW:hover {
        color:var(--accent-color-hovered)
    }
}

.b5Km2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.b5Km2 svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .b5Km2:hover {
        background-color:#fff3
    }
}

.mY6e9 {
    position: relative
}

.mY6e9:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .mY6e9:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .mY6e9:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .mY6e9:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .mY6e9:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .mY6e9:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .mY6e9:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .mY6e9:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .mY6e9:after {
        height:24.0625rem
    }
}

.MZF9Q .ZZAS5[data-lower] {
    width: 0
}

.MZF9Q .REjCu {
    border-radius: 6px
}

._01VBY {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

._01VBY:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    ._01VBY {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .oJN75 {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .oJN75:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .oJN75:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.Ja66U {
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.3333333333;
    margin-bottom: .5rem
}

.-smnN {
    margin: 0 -1.875rem
}

@media (max-width: 29.99875em) {
    .-smnN {
        margin:0 -1.25rem
    }
}

.fPKXG {
    width: 100%
}

.fPKXG:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.15)
}

.IvDEc {
    height: 3rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    width: 100%;
    display: flex;
    padding: 0 2.5rem;
    align-items: center;
    justify-content: space-between;
    transition: background-color .2s ease 0s
}

@media (any-hover: hover) {
    .IvDEc:hover {
        background-color:#ffffff14
    }
}

@media (max-width: 29.99875em) {
    .IvDEc {
        padding:0 1.25rem
    }
}

.xGIai {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .xGIai {
        gap:1.25rem
    }
}

.xGIai>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .xGIai {
        gap:.625rem;
        justify-content: flex-start
    }

    .xGIai>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.zhoOy {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .zhoOy:hover {
        color:var(--accent-color-hovered)
    }
}

.m30ca {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.m30ca svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .m30ca:hover {
        background-color:#fff3
    }
}

.PLBw- {
    position: relative
}

.PLBw-:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .PLBw-:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .PLBw-:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .PLBw-:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .PLBw-:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .PLBw-:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .PLBw-:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .PLBw-:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .PLBw-:after {
        height:24.0625rem
    }
}

.m9r07 .qa8a2[data-lower] {
    width: 0
}

.m9r07 .jq1ix {
    border-radius: 6px
}

.whP-8 {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.whP-8:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .whP-8 {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    ._2r0Lu {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    ._2r0Lu:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    ._2r0Lu:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.U8xtY {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    font-size: 1.25rem;
    color: #fff;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    border-radius: 10px;
    background: radial-gradient(199.87% 141.42% at 0% 0%,#16d1d6 0%,#274cff 100%)
}

._2GnJI {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    ._2GnJI {
        gap:1.25rem
    }
}

._2GnJI>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    ._2GnJI {
        gap:.625rem;
        justify-content: flex-start
    }

    ._2GnJI>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.OVEdF,.ZSrOX {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .OVEdF:hover,.ZSrOX:hover {
        color:var(--accent-color-hovered)
    }
}

.z1TOr,.EwQWG,.cSM-B {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.z1TOr svg,.EwQWG svg,.cSM-B svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .z1TOr:hover,.EwQWG:hover,.cSM-B:hover {
        background-color:#fff3
    }
}

.dg1-X {
    position: relative
}

.dg1-X:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .dg1-X:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .dg1-X:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .dg1-X:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .dg1-X:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .dg1-X:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .dg1-X:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .dg1-X:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .dg1-X:after {
        height:24.0625rem
    }
}

.W57-1 .wrA5o[data-lower] {
    width: 0
}

.W57-1 .bWCv- {
    border-radius: 6px
}

.M2lad {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.M2lad:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .M2lad {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .pJgcz {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .pJgcz:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .pJgcz:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.waysT {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%
}

@media (min-width: 85em) {
    .waysT {
        padding-top:2.5rem
    }
}

@media (min-width: 64em) and (max-width: 85em) {
    @supports (padding-top: clamp(.9375rem,-3.8244047619rem + 7.4404761905vw,2.5rem)) {
        .waysT {
            padding-top:clamp(.9375rem,-3.8244047619rem + 7.4404761905vw,2.5rem)
        }
    }

    @supports not (padding-top: clamp(.9375rem,-3.8244047619rem + 7.4404761905vw,2.5rem)) {
        .waysT {
            padding-top:calc(.9375rem + 1.5625 * (100vw - 64rem) / 21)
        }
    }
}

@media (max-width: 64em) {
    .waysT {
        padding-top:.9375rem
    }
}

@media (min-width: 85em) {
    .waysT {
        padding-bottom:2.5rem
    }
}

@media (min-width: 64em) and (max-width: 85em) {
    @supports (padding-bottom: clamp(.9375rem,-3.8244047619rem + 7.4404761905vw,2.5rem)) {
        .waysT {
            padding-bottom:clamp(.9375rem,-3.8244047619rem + 7.4404761905vw,2.5rem)
        }
    }

    @supports not (padding-bottom: clamp(.9375rem,-3.8244047619rem + 7.4404761905vw,2.5rem)) {
        .waysT {
            padding-bottom:calc(.9375rem + 1.5625 * (100vw - 64rem) / 21)
        }
    }
}

@media (max-width: 64em) {
    .waysT {
        padding-bottom:.9375rem
    }
}

@media (max-height: 56.25em) {
    .waysT {
        padding-top:.9375rem;
        padding-bottom: .9375rem
    }
}

.waysT.NcXBR {
    transition: all .2s ease 0s;
    transition-property: opacity,transform
}

.waysT.NcXBR.Oj5-p {
    transform: translateY(-80%);
    opacity: 0
}

@media (min-width: 78.18625em) {
    .waysT.NcXBR {
        position:fixed;
        z-index: 100;
        top: 0;
        left: 0;
        right: 0;
        width: 100%
    }
}

.waysT.f5V78 {
    height: 100%
}

@media (max-width: 78.125em) {
    .waysT {
        padding-top:1.25rem;
        padding-bottom: 1.25rem
    }
}

.Vz2Hh {
    display: flex;
    justify-content: space-between;
    column-gap: 1.4375rem
}

.RZfpy {
    max-width: 8rem;
    position: relative;
    z-index: 11
}

.RZfpy img {
    max-width: 100%
}

@media (min-width: 78.18625em) {
    ._3dpUn {
        flex:1 1 auto;
        width: 100%
    }
}

.EwQWG {
    position: relative;
    z-index: 11;
    width: 2.5rem;
    height: 2.5rem
}

@media (min-width: 78.18625em) {
    .EwQWG {
        display:none
    }
}

.TTFvg {
    display: flex;
    align-items: center
}

@media (max-width: 78.125em) {
    .TTFvg {
        row-gap:1.25rem;
        position: fixed;
        z-index: var(--burger-z-index);
        top: 0;
        overflow: auto;
        left: 0;
        width: 100%;
        height: 100%;
        align-items: center;
        flex-direction: column;
        background-color: var(--bg-color);
        padding: 6.25rem 2.5rem 2.5rem;
        justify-content: space-between;
        transition-property: opacity,visibility;
        opacity: 0;
        visibility: hidden
    }

    .TTFvg:after {
        content: "";
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 5.625rem;
        background-color: var(--bg-color)
    }

    .f5V78 .TTFvg {
        visibility: visible;
        transition: all .2s ease 0s;
        opacity: 1
    }
}

.vMAZe {
    width: 100%
}

@media (min-width: 78.18625em) {
    .vMAZe {
        display:flex;
        flex: 1 1 auto;
        justify-content: center
    }
}

.AweVm {
    display: flex
}

@media (max-width: 78.125em) {
    .AweVm {
        flex-direction:column;
        align-items: center
    }
}

@media (max-width: 78.125em) {
    .AweVm li {
        width:100%
    }
}

.ZSrOX {
    display: flex;
    align-items: center;
    font-weight: 600;
    -webkit-tap-highlight-color: transparent;
    padding: .9375rem 1.25rem;
    text-transform: capitalize
}

@media (min-width: 85em) {
    .ZSrOX {
        font-size:1rem
    }
}

@media (min-width: 64em) and (max-width: 85em) {
    @supports (font-size: clamp(.875rem,.494047619rem + .5952380952vw,1rem)) {
        .ZSrOX {
            font-size:clamp(.875rem,.494047619rem + .5952380952vw,1rem)
        }
    }

    @supports not (font-size: clamp(.875rem,.494047619rem + .5952380952vw,1rem)) {
        .ZSrOX {
            font-size:calc(.875rem + .125 * (100vw - 64rem) / 21)
        }
    }
}

@media (max-width: 64em) {
    .ZSrOX {
        font-size:.875rem
    }
}

@media (max-width: 85em) {
    .ZSrOX {
        padding:.9375rem
    }
}

@media (max-width: 78.125em) {
    .ZSrOX {
        display:inline-flex;
        text-align: center;
        font-size: 1.5rem;
        padding: 1.5625rem 0
    }
}

@media (max-width: 47.99875em) {
    .ZSrOX {
        justify-content:center;
        width: 100%;
        display: flex
    }
}

.yAfsy {
    display: flex;
    column-gap: .625rem
}

.VYcVL {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .VYcVL {
        gap:1.25rem
    }
}

.VYcVL>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .VYcVL {
        gap:.625rem;
        justify-content: flex-start
    }

    .VYcVL>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.p61jr,.q2nTX:any-link {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .p61jr:hover,.q2nTX:hover:any-link {
        color:var(--accent-color-hovered)
    }
}

._69jV2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

._69jV2 svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    ._69jV2:hover {
        background-color:#fff3
    }
}

.ZgdvO {
    position: relative
}

.ZgdvO:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .ZgdvO:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .ZgdvO:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .ZgdvO:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .ZgdvO:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .ZgdvO:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .ZgdvO:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .ZgdvO:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .ZgdvO:after {
        height:24.0625rem
    }
}

.cwJjV .Cj5dL[data-lower] {
    width: 0
}

.cwJjV .X-jnb {
    border-radius: 6px
}

.hV-7V {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.hV-7V:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .hV-7V {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .JGGQu {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .JGGQu:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .JGGQu:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.vG0HV {
    position: relative;
    cursor: default
}

.vG0HV.W1eoQ .-Zxuz {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%)
}

@media (max-width: 78.125em) {
    .vG0HV.W1eoQ .-Zxuz {
        transform:translate(0)
    }
}

.vG0HV.W1eoQ .HqNAT {
    transform-origin: center;
    transform: rotate(0) translateY(3px)
}

.-Zxuz {
    position: absolute;
    z-index: 4;
    width: auto;
    left: 50%;
    transform: translate(-50%,15px);
    background-color: #fff;
    will-change: transform;
    padding: .3125rem 0;
    overflow: hidden;
    border-radius: .625rem;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease 0s
}

@media (max-width: 78.125em) {
    .-Zxuz {
        width:calc(100% + 80px);
        left: -2.5rem;
        border-radius: 0;
        transform: translate(0);
        padding: .625rem 0
    }
}

.ho63N {
    column-gap: .5rem
}

.ho63N .HqNAT {
    transform: rotate(-180deg);
    font-size: .6875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .2s ease 0s
}

@media (max-width: 78.125em) {
    .ho63N .HqNAT {
        font-size:1.0625rem;
        padding: .3125rem
    }
}

.QTjz5 {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: .46875rem 1.5625rem;
    color: var(--accent-color);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    text-transform: capitalize
}

.QTjz5 .VR2i4 {
    font-size: .625rem;
    padding-top: .375rem;
    padding-left: .3125rem
}

.QTjz5:not(:last-child) {
    margin-bottom: .3125rem
}

@media (any-hover: hover) {
    .QTjz5:hover {
        opacity:.8
    }
}

@media (max-width: 78.125em) {
    .QTjz5 {
        font-size:1.5rem;
        width: 100%;
        padding: .9375rem 1.5625rem
    }

    .QTjz5 .VR2i4 {
        font-size: .9375rem;
        padding-top: .5625rem;
        padding-left: .625rem
    }
}

.q2nTX {
    display: flex;
    align-items: center;
    font-weight: 600;
    -webkit-tap-highlight-color: transparent;
    padding: .9375rem 1.25rem;
    text-transform: capitalize;
    color: var(--accent-color)
}

@media (min-width: 85em) {
    .q2nTX {
        font-size:1rem
    }
}

@media (min-width: 81.25em) and (max-width: 85em) {
    @supports (font-size: clamp(.875rem,-1.8333333333rem + 3.3333333333vw,1rem)) {
        .q2nTX {
            font-size:clamp(.875rem,-1.8333333333rem + 3.3333333333vw,1rem)
        }
    }

    @supports not (font-size: clamp(.875rem,-1.8333333333rem + 3.3333333333vw,1rem)) {
        .q2nTX {
            font-size:calc(.875rem + .125 * (100vw - 81.25rem) / 3.75)
        }
    }
}

@media (max-width: 81.25em) {
    .q2nTX {
        font-size:.875rem
    }
}

@media (max-width: 85em) {
    .q2nTX {
        padding:.9375rem
    }
}

@media (max-width: 78.125em) {
    .q2nTX {
        text-align:center;
        font-size: 1.5rem;
        padding: 1.5625rem 0;
        justify-content: center;
        width: 100%;
        display: flex
    }
}

@media (max-width: 47.99875em) {
    .q2nTX {
        justify-content:center;
        width: 100%;
        display: flex
    }
}

.MbZVE {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .MbZVE {
        gap:1.25rem
    }
}

.MbZVE>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .MbZVE {
        gap:.625rem;
        justify-content: flex-start
    }

    .MbZVE>* {
        flex: 0 1 calc(50% - 5px)
    }
}

._5oSPZ {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    ._5oSPZ:hover {
        color:var(--accent-color-hovered)
    }
}

.i53Lt,.RA7dH {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.i53Lt svg,.RA7dH svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .i53Lt:hover,.RA7dH:hover {
        background-color:#fff3
    }
}

.Lgoe7 {
    position: relative
}

.Lgoe7:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .Lgoe7:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .Lgoe7:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .Lgoe7:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .Lgoe7:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .Lgoe7:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .Lgoe7:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .Lgoe7:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .Lgoe7:after {
        height:24.0625rem
    }
}

.NJNDY ._4P3XA[data-lower] {
    width: 0
}

.NJNDY .HihDv {
    border-radius: 6px
}

.rz19- {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.rz19-:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .rz19- {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    ._1kExM {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    ._1kExM:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    ._1kExM:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.RA7dH {
    position: relative
}

.RA7dH:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: .625rem;
    padding: 2px;
    background: radial-gradient(199.87% 141.42% at 0% 0%,#16d1d6 0%,#274cff 100%);
    -webkit-mask: radial-gradient(199.87% 141.42% at 0% 0%,#16d1d6 0%,#274cff 100%) content-box,radial-gradient(199.87% 141.42% at 0% 0%,#16d1d6 0%,#274cff 100%);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.RA7dH svg {
    position: relative;
    transform: rotate(45deg);
    flex: 0 0 1rem;
    width: 1rem;
    font-size: 1rem;
    height: 1rem
}

.A3dAk {
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.3333333333;
    margin-bottom: .5rem
}

.yPNkw {
    margin: 0 -1.875rem
}

@media (max-width: 29.99875em) {
    .yPNkw {
        margin:0 -1.25rem
    }
}

.oNFBu {
    width: 100%
}

.oNFBu:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.15)
}

._3P0kM {
    height: 3rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    text-transform: capitalize;
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr auto;
    column-gap: .625rem;
    padding: 0 2.5rem;
    transition: background-color .2s ease 0s
}

@media (any-hover: hover) {
    ._3P0kM:hover {
        background-color:#ffffff14
    }
}

._3P0kM svg:first-child {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem
}

._3P0kM svg:last-child {
    flex: 0 0 .75rem;
    width: .75rem;
    height: .75rem
}

@media (max-width: 29.99875em) {
    ._3P0kM {
        padding:0 1.25rem
    }
}

.CX037 {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .CX037 {
        gap:1.25rem
    }
}

.CX037>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .CX037 {
        gap:.625rem;
        justify-content: flex-start
    }

    .CX037>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.BeTli {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .BeTli:hover {
        color:var(--accent-color-hovered)
    }
}

.Y0hhW {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.Y0hhW svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .Y0hhW:hover {
        background-color:#fff3
    }
}

.QMHO6 {
    position: relative
}

.QMHO6:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .QMHO6:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .QMHO6:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .QMHO6:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .QMHO6:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .QMHO6:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .QMHO6:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .QMHO6:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .QMHO6:after {
        height:24.0625rem
    }
}

.vShMv .M9t8c[data-lower] {
    width: 0
}

.vShMv .yFLip {
    border-radius: 6px
}

.px-Qx {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.px-Qx:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .px-Qx {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .AUCbi {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .AUCbi:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .AUCbi:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.iZxmi {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.iZxmi>main {
    flex: 1 1 auto;
    min-height: 100svh;
    padding-bottom: 9.375rem
}

.iZxmi>* {
    min-width: 0
}

.iZxmi:before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%;
    filter: blur(100px);
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    transition: all .2s ease 0s
}

@media (min-width: 64em) {
    .iZxmi:before {
        width:43.75rem
    }
}

@media (min-width: 48em) and (max-width: 64em) {
    @supports (width: clamp(18.75rem,-56.25rem + 156.25vw,43.75rem)) {
        .iZxmi:before {
            width:clamp(18.75rem,-56.25rem + 156.25vw,43.75rem)
        }
    }

    @supports not (width: clamp(18.75rem,-56.25rem + 156.25vw,43.75rem)) {
        .iZxmi:before {
            width:calc(18.75rem + 1.5625*(100vw - 48rem))
        }
    }
}

@media (max-width: 48em) {
    .iZxmi:before {
        width:18.75rem
    }
}

@media (min-width: 64em) {
    .iZxmi:before {
        height:43.75rem
    }
}

@media (min-width: 48em) and (max-width: 64em) {
    @supports (height: clamp(18.75rem,-56.25rem + 156.25vw,43.75rem)) {
        .iZxmi:before {
            height:clamp(18.75rem,-56.25rem + 156.25vw,43.75rem)
        }
    }

    @supports not (height: clamp(18.75rem,-56.25rem + 156.25vw,43.75rem)) {
        .iZxmi:before {
            height:calc(18.75rem + 1.5625*(100vw - 48rem))
        }
    }
}

@media (max-width: 48em) {
    .iZxmi:before {
        height:18.75rem
    }
}

.arRw8.iZxmi:before {
    opacity: 0;
    visibility: hidden
}

.ZxVL8 {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem
}

@media (max-width: 63.99875em) {
    .ZxVL8 {
        gap:1.25rem
    }
}

.ZxVL8>* {
    flex: 0 1 calc(33.333% - 40px)
}

@media (max-width: 54.375em) {
    .ZxVL8 {
        gap:.625rem;
        justify-content: flex-start
    }

    .ZxVL8>* {
        flex: 0 1 calc(50% - 5px)
    }
}

.POuUs {
    color: var(--accent-color);
    transition: color .1s ease 0s
}

@media (any-hover: hover) {
    .POuUs:hover {
        color:var(--accent-color-hovered)
    }
}

.xJ1mx {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #ffffff1a;
    transition: background-color .1s ease 0s
}

.xJ1mx svg {
    font-size: 1.25rem
}

@media (any-hover: hover) {
    .xJ1mx:hover {
        background-color:#fff3
    }
}

.GFeWh {
    position: relative
}

.GFeWh:after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%,-15%);
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%,#003498 0%,rgba(0,52,152,0) 100%);
    filter: blur(100px)
}

@media (min-width: 31.25em) {
    .GFeWh:after {
        width:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .GFeWh:after {
            width:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (width: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .GFeWh:after {
            width:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .GFeWh:after {
        width:24.0625rem
    }
}

@media (min-width: 31.25em) {
    .GFeWh:after {
        height:37.5rem
    }
}

@media (min-width: 20em) and (max-width: 31.25em) {
    @supports (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .GFeWh:after {
            height:clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)
        }
    }

    @supports not (height: clamp(24.0625rem,.1736111111rem + 119.4444444444vw,37.5rem)) {
        .GFeWh:after {
            height:calc(24.0625rem + 13.4375 * (100vw - 20rem) / 11.25)
        }
    }
}

@media (max-width: 20em) {
    .GFeWh:after {
        height:24.0625rem
    }
}

.c1WN- .JNphS[data-lower] {
    width: 0
}

.c1WN- .VuQem {
    border-radius: 6px
}

.QLTZt {
    position: absolute;
    z-index: 50;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: .3125rem;
    background: #11316b;
    padding: .625rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    line-height: 1.3;
    transition: all .2s ease 0s;
    box-shadow: 0 2px 10px #0000004d
}

.QLTZt:after {
    content: "";
    position: absolute;
    width: .625rem;
    height: .625rem;
    background: #11316b;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

@media (max-width: 29.99875em) {
    .QLTZt {
        padding:.625rem .9375rem
    }
}

@media (min-width: 47.99875em) {
    .qpQzo {
        overflow:hidden;
        padding: 0 3.75rem;
        margin: 0 -3.75rem;
        position: relative
    }

    .qpQzo:before {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3.75rem;
        pointer-events: none;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,#0c0c3a 50%,transparent)
    }

    .qpQzo:after {
        content: "";
        position: absolute;
        z-index: 10;
        top: 0;
        pointer-events: none;
        right: -3.75rem;
        height: 13.75rem;
        width: 9.375rem;
        background-image: linear-gradient(to right,transparent,#0c0c3a 50%)
    }
}

.RF7dm {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100svh
}

.ooULk {
    position: relative;
    text-transform: uppercase;
    background: linear-gradient(180deg,rgb(7,33,107),rgba(7,33,107,0) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 800;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

@media (min-width: 85em) {
    .ooULk {
        font-size:24.3125rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (font-size: clamp(5.3125rem,-.5336538462rem + 29.2307692308vw,24.3125rem)) {
        .ooULk {
            font-size:clamp(5.3125rem,-.5336538462rem + 29.2307692308vw,24.3125rem)
        }
    }

    @supports not (font-size: clamp(5.3125rem,-.5336538462rem + 29.2307692308vw,24.3125rem)) {
        .ooULk {
            font-size:calc(5.3125rem + 19 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ooULk {
        font-size:5.3125rem
    }
}

@media (min-width: 85em) {
    .ooULk {
        top:.0000000625rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (top: clamp(-5rem,-6.5384615577rem + 7.6923077885vw,.0000000625rem)) {
        .ooULk {
            top:clamp(-5rem,-6.5384615577rem + 7.6923077885vw,.0000000625rem)
        }
    }

    @supports not (top: clamp(-5rem,-6.5384615577rem + 7.6923077885vw,.0000000625rem)) {
        .ooULk {
            top:calc(-5rem + 5.0000000625 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .ooULk {
        top:-5rem
    }
}

@media (max-width: 47.99875em) {
    .ooULk {
        background:linear-gradient(180deg,rgb(7,33,107),rgba(7,33,107,0));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent
    }
}

.ZrH30 {
    min-width: 11.875rem
}

.aAjrU {
    position: absolute;
    text-align: center;
    padding: 0 .9375rem
}

.b3z-Z {
    max-width: 11.625rem;
    margin: 0 auto
}

@media (min-width: 85em) {
    .b3z-Z {
        margin-bottom:2.1875rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (margin-bottom: clamp(.9375rem,.5528846154rem + 1.9230769231vw,2.1875rem)) {
        .b3z-Z {
            margin-bottom:clamp(.9375rem,.5528846154rem + 1.9230769231vw,2.1875rem)
        }
    }

    @supports not (margin-bottom: clamp(.9375rem,.5528846154rem + 1.9230769231vw,2.1875rem)) {
        .b3z-Z {
            margin-bottom:calc(.9375rem + 1.25 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    .b3z-Z {
        margin-bottom:.9375rem
    }
}

._8rlzy {
    line-height: 1.2857142857;
    color: #fff;
    font-weight: 700
}

@media (min-width: 85em) {
    ._8rlzy {
        font-size:2.625rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (font-size: clamp(1.25rem,.8269230769rem + 2.1153846154vw,2.625rem)) {
        ._8rlzy {
            font-size:clamp(1.25rem,.8269230769rem + 2.1153846154vw,2.625rem)
        }
    }

    @supports not (font-size: clamp(1.25rem,.8269230769rem + 2.1153846154vw,2.625rem)) {
        ._8rlzy {
            font-size:calc(1.25rem + 1.375 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    ._8rlzy {
        font-size:1.25rem
    }
}

@media (min-width: 85em) {
    ._8rlzy {
        margin-bottom:2.1875rem
    }
}

@media (min-width: 20em) and (max-width: 85em) {
    @supports (margin-bottom: clamp(1.25rem,.9615384615rem + 1.4423076923vw,2.1875rem)) {
        ._8rlzy {
            margin-bottom:clamp(1.25rem,.9615384615rem + 1.4423076923vw,2.1875rem)
        }
    }

    @supports not (margin-bottom: clamp(1.25rem,.9615384615rem + 1.4423076923vw,2.1875rem)) {
        ._8rlzy {
            margin-bottom:calc(1.25rem + .9375 * (100vw - 20rem) / 65)
        }
    }
}

@media (max-width: 20em) {
    ._8rlzy {
        margin-bottom:1.25rem
    }
}