@font-face {
    font-weight: 400;
    font-family: Visuelt Pro;
    font-style: normal;
    font-display: swap;
    src: local("Visuelt Pro"), url(fonts/VisueltPro-Regular-Bb02bh6V.c282fdcb65d4e9fc4) format("woff2")
}
@font-face {
    font-weight: 700;
    font-family: Visuelt Pro;
    font-style: normal;
    font-display: swap;
    src: local("Visuelt Pro"), url(fonts/VisueltPro-Bold-DLeS-Em8.c282fdcb65d4e9fc4) format("woff2")
}
@font-face {
    font-weight: 400;
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    src: local("Roboto"), url(fonts/Roboto-Regular-56L6iL-I.c282fdcb65d4e9fc4) format("woff2")
}
@font-face {
    font-weight: 400;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Regular-N6ipOEWl.c282fdcb65d4e9fc4) format("woff2")
}
@font-face {
    font-weight: 500;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Medium-CC5f2jpZ.c282fdcb65d4e9fc4) format("woff2")
}
@font-face {
    font-weight: 600;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-SemiBold-Dwk-yFVb.c282fdcb65d4e9fc4) format("woff2")
}
@font-face {
    font-weight: 700;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-Bold-BcFC6EUS.c282fdcb65d4e9fc4) format("woff2")
}
@font-face {
    font-weight: 800;
    font-family: OpenSans;
    font-style: normal;
    font-display: swap;
    src: local("OpenSans"), url(fonts/OpenSans-ExtraBold-BsjBC3I5.c282fdcb65d4e9fc4) format("woff2")
}
.c6ba7a6f2b84cb04c {
    position: relative;
    margin-bottom: 60px;
    padding: 20px 27px;
    background: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 576px) {
    .c6ba7a6f2b84cb04c {
        margin-bottom: 44px;
        padding: 20px 12px;
        border-radius: 8px
    }
}
.c9093d7248fdcdc36 {
    margin-bottom: 16px;
    font-size: 14px
}
@media (max-width: 576px) {
    .c9093d7248fdcdc36 {
        display: none
    }
}
.cb105f9a1e585e47c {
    display: flex;
    margin-bottom: 20px
}
@media (max-width: 576px) {
    .cb105f9a1e585e47c {
        margin-bottom: 12px
    }
}
img {
height: auto;

}
.c9fea921fc53d8d27 {
    position: relative;
    margin-right: 40px;
    padding-right: 40px
}
.c9fea921fc53d8d27:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 44px;
    background-color: currentcolor;
    content: ""
}
@media (max-width: 576px) {
    .c9fea921fc53d8d27 {
        margin-right: 32px;
        padding-right: 0
    }

    .c9fea921fc53d8d27:after {
        display: none
    }
}
.c0b74a11dccae858f {
    position: relative;
    width: 64px;
    height: 64px;
    margin-right: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50px
}
@media (max-width: 576px) {
    .c0b74a11dccae858f {
        width: 44px;
        height: 44px;
        margin-right: 16px
    }
}
.cc46a43d292666283 {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .cc46a43d292666283 {
        font-size: 14px
    }
}
.c52264f0595f5110c {
    line-height: 140%
}
@media (max-width: 576px) {
    .c52264f0595f5110c {
        font-size: 14px
    }
}
.c6722bc61e57148cc {
    position: relative;
    display: flex;
    align-items: center
}
.oyuy6somb1ud { margin: 3px; color: rgb(65, 19, 153); padding-right: 1px; }
.c6722bc61e57148cc:after {
    position: absolute;
    top: 0;
    left: 47px;
    content: url(../images/author_check-D9qGitKu.ce940d5774b464036)
}
@media (max-width: 576px) {
    .c6722bc61e57148cc:after {
        left: 30px
    }
}
.c0cb346bf86a8b411 {
    display: flex;
    gap: 12px;
    align-items: center
}
@media (max-width: 576px) {
    .c0cb346bf86a8b411 {
        gap: 8px
    }
}
.cf7877f719db8b49d {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--color-light);
    border: 1px solid currentcolor;
    border-radius: 40px
}
.cf7877f719db8b49d svg *[fill] {
    fill: currentcolor
}
.cf7877f719db8b49d:hover {
    border-color: var(--color-accent)
}
.cf7877f719db8b49d:hover svg *[fill] {
    fill: var(--color-accent)
}
@media (max-width: 576px) {
    .cf7877f719db8b49d {
        width: 32px;
        height: 32px;
        border: none
    }
}
.cf7877f719db8b49d svg {
    width: 100%;
    height: 100%
}
.c5b7510080fb2dba2 {
    margin-bottom: 16px
}
@media (max-width: 576px) {
    .c5b7510080fb2dba2 {
        margin-bottom: 8px
    }
}
.c54d9cbf9adc9d2f5 {
    display: flex;
    align-items: center;
    justify-content: space-between
}
@media (max-width: 375px) {
    .c54d9cbf9adc9d2f5 {
        flex-direction: column;
        align-items: flex-start
    }
}
.ca83c749f90b25348 {
    font-size: 14px
}
.cd64ad786be452620 {
    margin-left: 8px;
    font-weight: 700;
    font-size: 16px
}
@media (max-width: 576px) {
    .cd64ad786be452620 {
        margin-left: 0;
        font-size: 14px
    }
}
.cdd80b526d668f765 {
    width: 110px
}
@media (max-width: 576px) {
    .cdd80b526d668f765 {
        width: 74px
    }
}
@media (max-width: 375px) {
    .cdd80b526d668f765 {
        margin: 12px auto 0
    }
}
.c5084278a08b20a57 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
 object-fit: cover;
}
.ya8bhlbqms { padding-left: 30px; margin: -13px; padding-right: 12px; color: rgb(7, 157, 158); width: 19px; border: 4px dotted #c00cc3; }
.c88d165d610ceb1c9 {
    position: relative;
    color: #fff;
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px;
    padding: 90px 0;
    background-color: var(--bg-dark);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px
}
@media (max-width: 768px) {
    .c88d165d610ceb1c9 {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
        padding: 40px 12px;
        background-position: center
    }
}
.cc2b30347a57ac9a1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 230px;
    padding: 32px;
    background: var(--bg-dark-rgb);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}
.cc2b30347a57ac9a1:first-of-type {
    max-width: 800px;
    border-radius: 0 10px 10px 0
}
.cc2b30347a57ac9a1:last-of-type {
    border-radius: 10px 0 0 10px
}
@media (max-width: 768px) {
    .cc2b30347a57ac9a1 {
        width: 100%;
        min-height: auto;
        padding: 16px 8px;
        border-radius: 8px !important
    }
}
.cc2b30347a57ac9a1 .c2e3ec5c45766caa9 {
    display: block;
    width: 278px;
    text-align: center;
    border-radius: 8px;
    animation: pulsate 1.5s ease-in-out infinite
}
.c790eef9a5897a033 {
    margin-bottom: 12px;
    line-height: normal
}
@media (max-width: 1352px) {
    .c790eef9a5897a033 {
        font-size: 36px
    }
}
@media (max-width: 768px) {
    .c790eef9a5897a033 {
        margin-bottom: 8px;
        font-size: 24px
    }
}
.c790eef9a5897a033 span {
    color: var(--color-accent)
}
.c0e0a2e493f748194 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}
.ceb7f55e26e597344 {
    position: absolute;
    top: -36px;
    right: 16px
}
@media (max-width: 768px) {
    .ceb7f55e26e597344 {
        display: none
    }
}
.ceb7f55e26e597344 svg path[fill] {
    fill: var(--bg-dark)
}
.c47277d86550bf95d {
    margin-bottom: 10px;
    color: var(--color-accent);
    font-weight: 800;
    font-size: 48px;
    line-height: 132%
}
.pkfn9uxri4 { display: grid; width: 67px; margin: 6px; border: 1px dotted #0cc91a; }
@media (max-width: 1352px) {
    .c47277d86550bf95d {
        font-size: 36px
    }
}
.c757b124f65893291 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px
}
@media (max-width: 1352px) {
    .c757b124f65893291 {
        font-size: 16px
    }
}
.c575cb4366204256f {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 24px;
    border-radius: 20px;
    overflow: hidden;
    background-size: contain;
    background-position: center
}
@media (max-width: 1352px) {
    .c575cb4366204256f {
        background-size: cover
    }
}
@media (max-width: 1024px) {
    .c575cb4366204256f {
        background: none !important
    }
}
.c41ebe68a5a54de9e {
    padding: 50px 65px;
    display: flex;
    justify-content: center;
    background-size: cover
}
@media (max-width: 768px) {
    .c41ebe68a5a54de9e {
        display: block;
        padding: 24px 12px;
        text-align: center
    }
}
.c6e92765b6b8e180b {
    max-width: 820px;
    width: 100%;
    margin-right: 60px;
    position: relative
}
@media (max-width: 1024px) {
    .c6e92765b6b8e180b {
        margin-right: 20px
    }
}
@media (max-width: 768px) {
    .c6e92765b6b8e180b {
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 100%
    }
}
.c6e92765b6b8e180b .c2e3ec5c45766caa9 {
    display: block;
    min-width: 100%;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}
.c6e92765b6b8e180b .c2e3ec5c45766caa9:after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: inset 0 0 20px 20px #fff6, 0 0 20px 20px #fff6;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    transform: translate(-50%, 10%);
    left: 50%;
    animation-name: ripple;
    animation-duration: 2s;
    animation-iteration-count: infinite
}
@media (max-width: 768px) {
    .c6e92765b6b8e180b .c2e3ec5c45766caa9 {
        border-radius: 14px
    }
}
.c8ce893810c4f3540 {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 52px;
    line-height: 67px;
    color: #fff
}
@media (max-width: 1352px) {
    .c8ce893810c4f3540 {
        font-size: 36px;
        line-height: 112%
    }
}
@media (max-width: 768px) {
    .c8ce893810c4f3540 {
        margin-bottom: 2px;
        font-size: 28px;
        line-height: 112%;
        text-align: left
    }
}
.c8ce893810c4f3540 span {
    color: var(--color-accent)
}
.c5c7f29f7da6044fc {
    margin-bottom: 24px;
    max-width: 700px;
    width: 100%;
    font-size: 16px;
    line-height: 152%;
    color: #fff
}
@media (max-width: 1024px) {
    .c5c7f29f7da6044fc {
        margin-bottom: 16px;
        line-height: 140%;
        text-align: left
    }
}
.c72d2f8e217cfd5d3 {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    min-width: 373px
}
@media (max-width: 768px) {
    .c72d2f8e217cfd5d3 {
        min-width: 100%;
        padding: 12px;
        align-items: center
    }
}
.cc45b0159ba9d816a {
    position: relative;
    font-weight: 900;
    font-size: 48px;
    line-height: 132%;
    color: var(--bg-dark);
    background: var(--bg-dark);
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 16px 20px;
    gap: 10px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}
@media (max-width: 1024px) {
    .cc45b0159ba9d816a {
        min-width: 100%;
        margin-bottom: 0;
        padding-left: 36px;
        font-size: 32px
    }
}
.cc45b0159ba9d816a:before {
    display: inline-block;
    content: "";
    width: 48px;
    height: 48px;
    position: relative;
    background-image: url(../images/ic_gift-BiXhOhKb.cc486c007df10a763);
    background-size: 100% 100%;
    flex-shrink: 0
}
@media (max-width: 1024px) {
    .cc45b0159ba9d816a:before {
        width: 32px;
        height: 32px
    }
}
.c84fe30e8ff35b0bf {
    position: relative;
    margin-bottom: 12px;
    margin-top: -40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
    background-color: var(--bg-dark);
    border-radius: 20px;
    text-align: center;
    z-index: 1;
    padding: 48px 20px 8px
}
.xz59sj7hp { padding-left: 9px; margin: 8px; }
@media (max-width: 1024px) {
    .c84fe30e8ff35b0bf {
        min-width: 100%;
        font-size: 16px
    }
}
.c60c54bcf622c9c8e {
    margin-top: 24px;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
    position: relative
}
@media (max-width: 1024px) {
    .c60c54bcf622c9c8e {
        width: 200px;
        height: 200px;
        margin-top: 0
    }
}
.c15199a42bb8b3728 {
    position: relative;
    margin-bottom: 24px;
    border-radius: 20px;
    overflow: hidden;
    background: var(--color-svg-banner)
}
@media (max-width: 768px) {
    .c15199a42bb8b3728 {
        border-radius: 12px
    }
}
.c5241e8db958f18db {
    position: relative;
    padding: 50px 65px;
    display: flex;
    justify-content: space-between;
    background-size: cover
}
@media (max-width: 768px) {
    .c5241e8db958f18db {
        display: block;
        padding: 24px 12px;
        text-align: center
    }
}
.c4a582bc2263de970 {
    max-width: 820px;
    width: 100%;
    margin-right: 60px;
    position: relative
}
@media (max-width: 1024px) {
    .c4a582bc2263de970 {
        margin-right: 20px
    }
}
@media (max-width: 768px) {
    .c4a582bc2263de970 {
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 100%
    }
}
.c4a582bc2263de970 .c2e3ec5c45766caa9 {
    display: block;
    width: 278px;
    text-align: center;
    border-radius: 8px
}
.c1a76a5b7a779f3f9 {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 34px;
    line-height: 45px;
    color: var(--color-light);
}
@media (max-width: 1352px) {
    .c1a76a5b7a779f3f9 {
        font-size: 36px;
        line-height: 112%
    }
}
@media (max-width: 768px) {
 .c1a76a5b7a779f3f9 {
    position: relative;
    z-index: 1;
    margin-bottom: 2px;
    font-size: 28px;
    line-height: 112%;
    text-align: left;
    color: #fff; 
   margin-bottom: 30px;
}

.c1a76a5b7a779f3f9::before {
    content: "";
    position: absolute;
    inset: -8px -12px; 
    z-index: -1;
    
    background: rgba(0, 0, 0, 0.4); 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    
    border-radius: 8px;
}
}
.c1a76a5b7a779f3f9 span {
    color: var(--color-accent)
}
.c9a0c2930af60d07a {
    margin-bottom: 24px;
    max-width: 700px;
    width: 100%;
    font-size: 16px;
    line-height: 152%;
    color: var(--color-light);
}
@media (max-width: 1024px) {
    .c9a0c2930af60d07a {
        margin-bottom: 16px;
        line-height: 140%;
        text-align: left
    }
}
.c8712771355404823 {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding: 18px 28px 24px;
    border-radius: 12px;
    min-width: 373px
}
@media (max-width: 768px) {
    .c8712771355404823 {
        padding: 12px;
        min-width: 100%;
        width: 100%;
        align-items: center
    }
}
.cd5728aad900613fd {
    width: 64px;
    height: 64px;
    position: absolute;
    top: -20px;
    right: -16px
}
@media (max-width: 1024px) {
    .cd5728aad900613fd {
        width: 48px;
        height: 48px;
        top: -8px;
        right: -8px
    }
}
.cd5728aad900613fd svg {
    width: 100%;
    height: 100%
}
.cd5728aad900613fd svg path[fill] {
    fill: var(--bg-dark)
}
.c6a654021eb95c70f {
    position: relative;
    margin-bottom: 4px;
    padding-left: 60px;
    font-weight: 800;
    font-size: 48px;
    line-height: 132%;
    color: var(--color-accent)
}
.mtn4quf3 { padding-left: 12px; margin: 15px; }
@media (max-width: 1024px) {
    .c6a654021eb95c70f {
        margin-bottom: 0;
        padding-left: 36px;
        font-size: 32px
    }
}
.c6a654021eb95c70f:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: calc(50% - 24px);
    left: 0;
    background-image: url(../images/ic_gift-BiXhOhKb.cc486c007df10a763);
    background-size: 100% 100%
}
@media (max-width: 1024px) {
    .c6a654021eb95c70f:before {
        top: calc(50% - 16px);
        width: 32px;
        height: 32px
    }
}
.c55d6c072ee871096 {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .c55d6c072ee871096 {
        font-size: 16px
    }
}
.c1b7d04d0d434b40d {
    margin-top: 24px;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
    position: relative
}
@media (max-width: 1024px) {
    .c1b7d04d0d434b40d {
        width: 200px;
        height: 200px;
        margin-top: 0
    }
}
.c5cf82e87a236d0cd {
    margin: 0 auto 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(200px, 315px));
    gap: 60px 20px
}
.ca159337f119ecd7b {
    background-color: var(--bg-dark-rgb);
    border-radius: 16px;
    padding: 120px 20px 20px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 315px;
    gap: 4px
}
.c9f02aae8d8739d1d {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%);
    background-color: transparent
}
.cd26771da6ebf596b {
    width: auto;
    height: 120px
}
.cd2732ba2a063f70b {
    font-size: 18px;
    font-weight: 700;
    margin: 0
}
.c07ccb263d763dbcf {
    font-size: 14px;
    line-height: 1.4;
    min-height: 40px;
    margin: 0
}
.c77e364184c4da273 {
    display: flex;
    justify-content: center;
    gap: 10px
}
.c5c877218662395d0 {
    padding: 6px 16px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    width: 40%;
    text-decoration: none
}
.c90b4b20a91b9de26 {
    background-color: var(--bg-dark-rgb);
    color: var(--color-light);
    border: 1px solid var(--color-accent)
}
.c90b4b20a91b9de26:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.jjz3zgwnq0 { padding: 1px 3px; color: rgb(185, 41, 48); margin: 17px; border: 1px dotted #f8429f; width: 21%; display: flex; }
.c90b4b20a91b9de26:active {
    filter: brightness(.8)
}
.c0f1fbfeb1ae6ee4a {
    background-color: var(--color-accent);
    color: var(--color-light);
}
.c0f1fbfeb1ae6ee4a:hover {
    filter: brightness(1.2)
}
.c0f1fbfeb1ae6ee4a:active {
    filter: contrast(200%) saturate(50%)
}
.cd6d9d2d8b7f1cfba {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px
}
@media (max-width: 1024px) {
    .cd6d9d2d8b7f1cfba {
        flex-direction: column;
        align-items: center
    }
}
.c7357b9d21c67a9f7 {
    margin-bottom: 16px
}
.c09f6de00131cb3a5 {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.c519a26074437f8db {
    display: flex;
    gap: 12px
}
.cdaa4d82521b41236 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: 3px;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid currentcolor;
    border-radius: 20px
}
.c4720681d24430408 {
    width: 400px;
    min-width: 400px;
    -o-object-fit: cover;
    object-fit: cover
}
@media (max-width: 576px) {
    .c4720681d24430408 {
        min-width: auto
    }
}
.cff8aaed7d6373668 {
    position: fixed;
    z-index: 2;
    bottom: 0;
    width: 75%;
    max-width: 750px;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    background: var(--bg-dark);
    transition: height, .4s;
    border-radius: 12px;
    border: 2px solid var(--color-border-button, #fff);
    box-shadow: 0 0 16px 10px #00000026
}
.cff8aaed7d6373668.c7bad0e128bfcc2a0 {
    height: -moz-fit-content;
    height: fit-content;
    bottom: 28px
}
@media (max-width: 1024px) {
    .cff8aaed7d6373668.c7bad0e128bfcc2a0 {
        bottom: 0;
        height: unset;
        width: 100%;
        border-radius: 12px 12px 0 0
    }
}
.cff8aaed7d6373668.c587f333d99837b08 {
    display: none
}
.c3ef9ae74f9090797 {
    position: relative;
    align-items: center
}
.cb114843d47169ea0 {
    display: flex;
    position: relative;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    height: 100%
}
.sklsde92oqyh { width: 37px; }
@media (max-width: 1024px) {
    .cb114843d47169ea0 {
        display: grid;
        gap: 12px;
        background: var(--bg-dark);
        border-radius: 6px;
        margin: 16px;
        padding: 12px;
        justify-content: start;
        grid-template-columns: auto 1fr;
        grid-template-areas: "img text" "button button"
    }
}
.c75a0ca86a06a777d {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.c0c6cdbb88c380aa1 {
    height: 60px;
    min-width: 10%;
    margin-left: 24px;
    margin-right: 2px;
    flex-shrink: 3;
    z-index: 2
}
@media (max-width: 1024px) {
    .c0c6cdbb88c380aa1 {
        max-width: 100px;
        margin: 0;
        border-width: 2px;
        grid-area: img
    }
}
.cef80bdbc91a1dfd7 {
    display: flex;
    height: auto;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
    padding: 20px 8px;
    gap: 25px;
    color: #fff;
    background: var(--bg-dark);
    border-radius: 6px;
    position: relative;
    overflow: hidden
}
@media (max-width: 1024px) {
    .cef80bdbc91a1dfd7 {
        display: contents
    }
}
.cef80bdbc91a1dfd7 svg *[fill] {
    fill: currentcolor
}
.cef80bdbc91a1dfd7 svg *[stroke] {
    stroke: currentcolor
}
.c98b890d359bfb029 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px
}
@media (max-width: 1024px) {
    .c98b890d359bfb029 {
        align-items: start;
        grid-area: text
    }
}
.cfe165bd9abd7e1c2 {
    flex: 1;
    font-weight: 800;
    line-height: 110%;
    text-align: center;
    color: var(--color-accent);
    font-size: 32px
}
@media (max-width: 1024px) {
    .cfe165bd9abd7e1c2 {
        font-size: 18px;
        text-align: start
    }
}
.cbc3ef45ae2462eee {
    flex: 1;
    font-weight: 700;
    line-height: 110%;
    text-align: center;
    font-size: 16px;
 color: var(--color-light);
}
@media (max-width: 1024px) {
    .cbc3ef45ae2462eee {
        font-size: 14px;
        text-align: start
    }
}
.c482e334b35342c50 {
    position: absolute;
    right: 35%;
    overflow: visible;
    z-index: 1
}
@media (max-width: 1024px) {
    .c482e334b35342c50 {
        right: -8%
    }
}
.c404b8e14445d771f {
    width: 278px;
    flex-shrink: 0;
    z-index: 2;
    height: -moz-fit-content;
    height: fit-content;
    padding: 17px 0;
    color: var(--color-light);
    font-weight: 800;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    background-color: var(--color-accent);
    border-radius: 8px;
    line-height: 18px;
    display: block;
    justify-self: center
}
.c404b8e14445d771f:hover {
    filter: brightness(1.2)
}
.og7tsn4yjvo { padding: 25px 32px; width: 42px; color: rgb(48, 150, 27); margin: 4px; }
.c404b8e14445d771f:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .c404b8e14445d771f {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.c404b8e14445d771f {
    animation: pulsate 1.5s ease-in-out infinite
}
@media (max-width: 1024px) {
    .c404b8e14445d771f {
        grid-area: button;
        min-width: 100%
    }
}
.cc5eb7c4b6b07d059 {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 3;
    cursor: pointer;
    width: 10px;
    height: 10px;
    color: #fff
}
@media (max-width: 1024px) {
    .cc5eb7c4b6b07d059 {
        width: 8px;
        height: 8px;
        top: -8px;
        right: 8px
    }
}
.c2b8c136afbd8fc29 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000080;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}
.c7ca2def49c075945 {
    background: var(--bg-dark);
    background-image: url(../images/first-dQ5M03m0.ce940d5774b464036);
    background-size: cover;
    border-radius: 8px;
    border: var(--color-border-button, #fff) solid 2px;
    padding: 24px
}
.ce6f5394e112e3f31 {
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 16px;
    -webkit-backdrop-filter: blur(8px) opacity(80%);
    backdrop-filter: blur(8px) opacity(80%);
    padding: 24px;
    border-radius: 8px;
    border: var(--color-border-button, #fff) solid 2px
}
.caa157c757a5bee2e {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center
}
.c9c88aa9a5b8fbc61 {
    font-weight: 800;
    line-height: 110%;
    color: var(--color-accent);
    font-size: 40px
}
.c94650e763a2f6da9 {
    font-weight: 700;
    line-height: 140%;
    color: #fff;
    font-size: 16px
}
.c78d2dadcefc337c2 {
    max-height: 60px;
    max-width: 160px
}
.c621f740494110fe6 {
    width: 278px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 17px 0;
    color: var(--color-light);
    font-weight: 800;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    background-color: var(--color-accent);
    border-radius: 8px;
    line-height: 18px;
    display: block;
    justify-self: center
}
.c621f740494110fe6:hover {
    filter: brightness(1.2)
}
.rz2i344gw { color: rgb(64, 77, 4); padding: 31px 5px; border: 5px dotted #7527fa; width: 85vw; margin: 16px; display: flex; }
.c621f740494110fe6:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .c621f740494110fe6 {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.c621f740494110fe6 {
    animation: pulsate 1.5s ease-in-out infinite
}
.c7fab9a7624e4f575 {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 3;
    cursor: pointer;
    width: 10px;
    height: 10px;
    color: #fff
}
.ccfac855c103058cd {
    width: 100%;
    margin-bottom: 60px
}
@media (max-width: 576px) {
    .ccfac855c103058cd {
        margin-bottom: 44px
    }
}
.ccad6659a968addda {
    position: relative;
    margin: 0 auto 32px;
}
@media (max-width: 576px) {
    .ccad6659a968addda {
        margin-bottom: 22px
    }
}
.ccad6659a968addda:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 100px;
    height: 5px;
    background-color: var(--color-light);
    border-radius: 5px;
    transform: translate(-50%);
    content: ""
}
@media (max-width: 576px) {
    .ccad6659a968addda:after {
        height: 4px;
        border-radius: 4px
    }
}
.ccfac855c103058cd .c2e3ec5c45766caa9 {
    width: 100%;
    animation: pulsate 1.5s ease-in-out infinite
}
@keyframes pulsate {
    0% {
        font-size: 17px
    }

    50% {
        font-size: 20px
    }

    to {
        font-size: 17px
    }
}
@media (max-width: 576px) {
    @keyframes pulsate {
        0% {
            font-size: 14px
        }

        50% {
            font-size: 16px
        }

        to {
            font-size: 14px
        }
    }
}
@media (min-width: 576px) {
    .ccfac855c103058cd .c2e3ec5c45766caa9 {
        width: 278px
    }
}
.c9ae1d1456feedded {
    width: 100%;
    margin-bottom: 60px
}
@media (max-width: 576px) {
    .c9ae1d1456feedded {
        margin-bottom: 44px
    }
}
.c8a6f3301e2b2fbb7 {
    position: relative;
    max-width: 650px;
    margin: 0 auto 32px;
    text-align: center
}
@media (max-width: 576px) {
    .c8a6f3301e2b2fbb7 {
        margin-bottom: 22px
    }
}
.c9ae1d1456feedded .c2e3ec5c45766caa9 {
    width: 440px;
    height: 60px;
    border-radius: 20px;
    text-align: center;
    align-content: center;
    font-weight: 900;
    font-size: 22px;
    overflow: hidden;
    position: relative
}
.c9ae1d1456feedded .c2e3ec5c45766caa9:after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: inset 0 0 20px 20px #fff6, 0 0 20px 20px #fff6;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    transform: translate(-50%, 10%);
    left: 50%;
    animation-name: ripple;
    animation-duration: 2s;
    animation-iteration-count: infinite
}
@keyframes ripple {
    to {
        transform: translate(-50%, -30%);
        width: 800px;
        height: 800px
    }
}
@media (max-width: 768px) {
    .c9ae1d1456feedded .c2e3ec5c45766caa9 {
        width: 100%;
        border-radius: 14px
    }
}
.c9ae1d1456feedded>.cf3cbc7d092536457 {
    padding: 20px;
    background: var(--bg-dark-rgb);
    border-radius: 20px;
    border: 2px solid var(--color-accent)
}
.cp50dibklma { display: none; width: 21vw; }
@media (max-width: 576px) {
    .c9ae1d1456feedded>.cf3cbc7d092536457 {
        padding: 12px
    }
}
.c9ae1d1456feedded>.cf3cbc7d092536457 table {
    border-color: var(--color-accent);
    border-collapse: separate;
    -webkit-border-vertical-spacing: 4px;
    -webkit-border-horizontal-spacing: 0
}
.c9ae1d1456feedded>.cf3cbc7d092536457 table thead tr th {
    background: none !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    opacity: .8;
    border: none !important;
    font-weight: 700;
    color: var(--color-light);
}
.c9ae1d1456feedded>.cf3cbc7d092536457 table tbody tr {
    background: var(--bg, rgba(202, 202, 202, .2))
}
.c9ae1d1456feedded>.cf3cbc7d092536457 table tbody tr th,
.c9ae1d1456feedded>.cf3cbc7d092536457 table tbody tr td {
    border: none !important;
    font-weight: 700;
    color: var(--color-light);
}
.c9ae1d1456feedded>.cf3cbc7d092536457 table tbody tr th {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-weight: 400
}
.c9ae1d1456feedded>.cf3cbc7d092536457 table tbody tr td:first-child {
    width: 30%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}
.c9ae1d1456feedded>.cf3cbc7d092536457 table tbody tr td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}
.c9ae1d1456feedded ul {
    list-style: none;
    padding: 0 0 0 24px
}
.c9ae1d1456feedded ul svg {
    position: absolute;
    height: 1em;
    width: 1em;
    transform: translate(-24px) translateY(25%);
    background-size: cover
}
.cb0c0371828bebb4e {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .cb0c0371828bebb4e {
        gap: 12px
    }
}
.c018c2cbcf4243f9e {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid var(--color-accent);
    border-radius: 8px;
    cursor: pointer
}
@media (max-width: 576px) {
    .c018c2cbcf4243f9e {
        padding: 12px
    }
}
.c95e9264bb6b90359 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.c5989c8106b5d133d {
    margin: 0 16px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .c5989c8106b5d133d {
        font-size: 16px
    }
}
.c6e5b3f7296e36368 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-accent);
    border-radius: 24px;
    margin-right: 12px;
    flex-shrink: 0;
    transition: all .3s ease;
}
.c018c2cbcf4243f9e[open] .c6e5b3f7296e36368 {
    transform: rotate(90deg);
}
.sgzpgp0gl { display: block; padding: 40px 50px; margin: 5px; color: rgb(213, 105, 167); width: 50vw; border: 1px dashed #47bb80; }
@media (max-width: 576px) {
    .c6e5b3f7296e36368 {
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}
.c95e9264bb6b90359 svg {
    width: 16px;
    height: 16px;
    transition: .3s
}
@media (max-width: 576px) {
    .c95e9264bb6b90359 svg {
        width: 12px;
        height: 12px
    }
}
.c95e9264bb6b90359 svg path {
    fill: var(--color-accent)
}
.caa85db7c37e91205 {
    margin-top: 12px;
    line-height: 140%
}
.c018c2cbcf4243f9e.cd724d812b734f3fa .caa85db7c37e91205 {
    display: block
}
.c99ae48051e873a63 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .c99ae48051e873a63 {
        gap: 12px
    }
}
.c3872bf314c475e9b {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid var(--color-accent);
    background: var(--bg-dark-rgb);
    border-radius: 8px;
    cursor: pointer
}
.c3872bf314c475e9b.cd724d812b734f3fa>.cd3935dff5d3752cc:after {
    content: "";
    width: calc(100% - 32px);
    height: 2px;
    position: absolute;
    background: linear-gradient(to left, #69696900, #696969);
    top: calc(100% + 10px)
}
@media (max-width: 576px) {
    .c3872bf314c475e9b {
        padding: 12px
    }
}
.cd3935dff5d3752cc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}
.c3ad22d693fd0882d {
    margin: 0 16px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .c3ad22d693fd0882d {
        font-size: 16px
    }
}
.cb2c70b31b5a4d128 {
    width: 24px;
    height: 24px;
    background-color: var(--bg-dark-rgb);
    border-radius: 4px;
    flex-shrink: 0
}
@media (max-width: 576px) {
    .cb2c70b31b5a4d128 {
        width: 20px;
        min-width: 20px;
        height: 20px
    }
}
.cdaeeacf37d318c9a {
    margin-top: 20px;
    line-height: 140%
}
.c3872bf314c475e9b.cd724d812b734f3fa .cdaeeacf37d318c9a {
    display: block
}
.l807dkg5r { width: 46%; color: rgb(96, 21, 59); display: none; border: 3px dotted #8d0735; padding: 26px 8px; }
.c84ee4cd881ab8b78 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
@media (max-width: 1024px) {
    .c84ee4cd881ab8b78 {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}
@media (max-width: 576px) {
    .c84ee4cd881ab8b78 {
        grid-template-columns: repeat(1, 1fr)
    }
}
.c55f4a3e84bf70927 {
    display: flex;
    flex: 1;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    color: #fff;
    text-decoration: none;
    background-color: var(--bg-dark);
    border-radius: 12px
}
@media (max-width: 576px) {
    .c55f4a3e84bf70927 {
        padding: 12px
    }
}
.c8ed2badb1050b3eb {
    margin-bottom: 6px;
    font-weight: 700;
    line-height: normal
}
.cb6321f4f2a1fa5c5 {
    font-size: 14px;
    font-weight: 400
}
.cb403af6eed3a865e {
    width: 48px;
    height: 48px
}
@media (max-width: 576px) {
    .cb403af6eed3a865e {
        width: 40px;
        height: 40px
    }
}
.c5425823bd2caa641 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    background: var(--color-border-button, #fff);
    border-radius: 40px;
    justify-content: space-between;
    width: 100%;
    padding: 24px
}
.c5425823bd2caa641>a {
    position: relative
}
.c5425823bd2caa641>a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, #aaa 50%, #aaa 50%, transparent 100%)
}
.c5425823bd2caa641>a:last-child:after {
    display: none
}
@media (max-width: 1024px) {
    .c5425823bd2caa641 {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 6px
    }

    .c5425823bd2caa641>a:after {
        content: "";
        width: 100%;
        height: 1px;
        top: unset;
        background: linear-gradient(to right, transparent 0%, #aaa 50%, #aaa 50%, transparent 100%)
    }

    .c5425823bd2caa641>a:last-child:after {
        display: none
    }
}
@media (max-width: 576px) {
    .c5425823bd2caa641 {
        grid-template-columns: repeat(1, 1fr)
    }
}
.c870eeae0eece3ad1 {
    flex: 1;
    text-decoration: none;
    padding: 4px
}
@media (max-width: 576px) {
    .c870eeae0eece3ad1 {
        padding: 2px
    }
}
.ccd91a16b54fef14e {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    padding: 8px 12px;
    border-radius: 40px
}
@media (max-width: 576px) {
    .ccd91a16b54fef14e {
        padding: 10px 14px
    }
}
.c8f76c393a41601a3 {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.c2ca9057655a87812 {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .c2ca9057655a87812 {
        font-size: 16px
    }
}
.cb5b8fe95c57ff65f {
    font-size: 14px;
    font-weight: 400
}
.ynv99j7z { color: rgb(12, 51, 194); margin: 17px; border: 3px dashed #d6ab75; width: 53%; }
.c7ce71d310031de58 {
    width: 56px;
    height: 56px
}
@media (max-width: 1024px) {
    .c7ce71d310031de58 {
        width: 40px;
        height: 40px
    }
}
.c5b767546088ab08a {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
@media (max-width: 1024px) {
    .c5b767546088ab08a {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}
@media (max-width: 576px) {
    .c5b767546088ab08a {
        grid-template-columns: repeat(1, 1fr)
    }
}
.c4e7b474fe6285f28 {
    flex: 1;
    text-decoration: none;
    background: var(--color-border-button, #fff);
    padding: 4px;
    border-radius: 12px
}
@media (max-width: 576px) {
    .c4e7b474fe6285f28 {
        padding: 2px
    }
}
.c6f3d1ef8565a8087 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    padding: 8px 12px;
    border-radius: 12px;
    background-color: var(--bg-dark)
}
@media (max-width: 576px) {
    .c6f3d1ef8565a8087 {
        padding: 10px 14px
    }
}
.c98d02155830cef2e {
    display: flex;
    flex-direction: column;
    gap: 8px
}
.c29fc9198cc9faebd {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff
}
@media (max-width: 1024px) {
    .c29fc9198cc9faebd {
        font-size: 16px
    }
}
.c9f3f5cdfedf28e61 {
    width: 56px;
    height: 56px
}
@media (max-width: 1024px) {
    .c9f3f5cdfedf28e61 {
        width: 40px;
        height: 40px
    }
}
.c997af09ff12ece10 {
    overflow: auto;
    margin-bottom: 60px
}
.c300e2ce7c5201b81 {
    display: flex;
    flex-wrap: nowrap;
    min-width: -moz-max-content;
    min-width: max-content;
    gap: 20px;
    justify-content: center
}
.cf2db000f0edc79ae {
    width: 200px;
    text-align: center;
    font-family: sans-serif;
    flex: 0 0 auto
}
.c6226571fcbab229c {
    position: relative;
    overflow: hidden
}
.c692a31e85f494e8e {
    display: flex;
    transition: filter .3s ease;
    height: 200px;
    width: 200px
}
.zl80qjhanj { width: 75vw; padding-right: 27px; color: rgb(188, 12, 176); }
.c692a31e85f494e8e img {
    -o-object-fit: cover;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    aspect-ratio: 1/1
}
.c6226571fcbab229c:hover .c692a31e85f494e8e img {
    filter: blur(4px)
}
.c6226571fcbab229c:hover .c7430e4fcd1171654,
.c6226571fcbab229c:hover .c6027946fd5c6bc36 {
    opacity: 1
}
.c7430e4fcd1171654,
.c6027946fd5c6bc36 {
    opacity: 0;
    transition: opacity .3s ease
}
.c7430e4fcd1171654 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    background-color: var(--color-accent);
    color: var(--color-light);
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    z-index: 2
}
.c7430e4fcd1171654:hover {
    filter: brightness(1.2)
}
.c7430e4fcd1171654:active {
    filter: contrast(200%) saturate(50%)
}
.c6027946fd5c6bc36 {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%);
    color: var(--color-accent);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid var(--color-accent);
    z-index: 2
}
.ca3f533475d9ca52a {
    padding: 12px;
    background: var(--bg-dark-rgb);
    text-align: left;
    height: 80px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden
}
.c88a726c2ad2c8c97 {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-light);
    line-height: 1.4
}
.c5ac5eaaad0983e6a {
    font-size: 12px;
    color: var(--color-light);
    opacity: .6
}
.qrp8bt7g1h { padding: 15px 6px; color: rgb(101, 126, 0); display: block; }
.c3596c2ec9a7f7321 {
    margin-left: 4px
}
.c190e297a5eb50a88 {
    display: flex;
    width: 100%;
    align-items: flex-start;
    border-radius: 16px;
    font-family: sans-serif;
    color: var(--color-light);
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 60px
}
.c8b5b6aca83bf27a0 {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    height: 210px
}
.c07f88fb0cf60e5b3 {
    position: relative;
    width: 210px;
    aspect-ratio: 1/1
}
.c92bd3eaec2569b15 {
    position: absolute;
    display: flex;
    left: 50%;
    transform: translate(-50%);
    background: #000000b3;
    padding: 4px 10px;
    border-radius: 0 0 12px 12px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 80%;
    justify-content: center;
    align-items: center;
    gap: 1.5px
}
.c92bd3eaec2569b15 img {
    width: 20px;
    height: 20px
}
.c419513c53125bcc0 {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%
}
.c0aa6cbdc67d12230 {
    width: 210px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    background: var(--bg, rgba(202, 202, 202, .2))
}
.cb88f2dfa3c46f0bd {
    font-size: 16px;
    font-weight: 700;
    display: block
}
.c0b84d47cf2fe334e {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    list-style: none;
    padding: 0 0 0 24px
}
.c0b84d47cf2fe334e svg {
    position: absolute;
    height: 1em;
    width: 1em;
    transform: translate(-24px) translateY(25%);
    background-size: cover
}
.c0b84d47cf2fe334e>li {
    margin: 0
}
.ce18070d50c950de1 {
    display: flex;
    justify-content: space-between;
    gap: 10px
}
.ca475fe4bbf1e0d93,
.cc56f5c6c59e48a7c {
    padding: 6px 16px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: background .3s ease;
    text-align: center;
    width: 50%
}
.cmvyjpklw { margin: 9px; color: rgb(107, 2, 27); border: 2px solid #790e78; padding-left: 40px; display: none; }
.ca475fe4bbf1e0d93 {
    background-color: transparent;
    border: 2px solid var(--color-text-header-footer, #fff);
    color: var(--color-text-button, #011c39)
}
.ca475fe4bbf1e0d93:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.ca475fe4bbf1e0d93:active {
    filter: brightness(.8)
}
.ca475fe4bbf1e0d93:hover {
    background-color: var(--bg-dark)
}
.cc56f5c6c59e48a7c {
    background-color: var(--color-accent);
    color: var(--color-text-button, #011c39);
    border: none
}
.cc56f5c6c59e48a7c:hover {
    filter: brightness(1.2)
}
.cc56f5c6c59e48a7c:active {
    filter: contrast(200%) saturate(50%)
}
.ce74bb71ef9861a68 {
    position: relative;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}
.c848d7093a494bfbc {
    width: 220px;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
.c1da5470f40886125 {
    overflow: hidden;
    position: absolute
}
.c87d624266cc90549 {
    padding: 35px 6px 0 7px;
    max-height: 370px
}
.c7acd19dcc36f30d9 {
    padding: 60px 10px 0 8px;
    max-height: 423px;
    border-radius: 30px
}
.c44891ec41d59548d {
    padding: 60px 9px 0 8px;
    max-height: 423px
}
.zw72pebcjaj4 { width: 54px; color: rgb(157, 192, 246); padding: 38px 12px; display: inline-block; border: 2px solid #d68971; margin: 14px; }
.c7d4e0857f4be890b {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    background: transparent;
    border-radius: unset
}
.ca28d83b371904a42 {
    position: absolute;
    color: #000;
    transform: translate(-50%);
    font-weight: 400
}
.c014c2d195bf5042d {
    bottom: 46px;
    left: 50%;
    font-size: 10px;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif
}
.c74d2b25bef5ee714 {
    bottom: 392px;
    left: 30%;
    font-size: 10px;
    font-family: Roboto, Open Sans, sans-serif
}
.cac51e9e0e246b5d6 {
    bottom: 394px;
    left: 30%;
    font-size: 10px;
    font-family: Roboto, Open Sans, sans-serif
}
.c62728c9ff0e00699 {
    width: 100%;
    margin-bottom: 50px;
    padding: 32px 0 52px;
    background-size: cover;
    background-color: var(--bg-dark)
}
@media (max-width: 576px) {
    .c62728c9ff0e00699 {
        margin-bottom: 36px;
        padding: 24px 0
    }
}
.c70e266a5798ee8a4 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .c70e266a5798ee8a4 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.c70e266a5798ee8a4 {
    max-width: 1320px
}
.cf4ba955d1215aea9 {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-bottom: 32px;
    position: relative
}
@media (max-width: 576px) {
    .cf4ba955d1215aea9 {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px;
        border-radius: 32px
    }
}
.ccb5a1c96c62f3aaf {
    padding: 14px 16px;
    border-radius: 12px;
    flex: 1;
    position: relative;
    border: var(--color-accent) 2px solid;
    background: var(--bg-dark)
}
.xf8v07mmbji { color: rgb(22, 120, 208); padding: 32px 35px; border: 1px dotted #a52fc6; width: 70vw; margin: 4px; display: inline-block; }
@media (max-width: 576px) {
    .ccb5a1c96c62f3aaf {
        padding: 14px 8px
    }
}
.cfb8c3ef2b6a5066f {
    width: 100%;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .cfb8c3ef2b6a5066f {
        margin-bottom: 14px;
        font-size: 16px
    }
}
.cfb8c3ef2b6a5066f:after {
    content: "";
    width: calc(100% - 32px);
    height: 2px;
    position: absolute;
    background: linear-gradient(to left, #69696900, #696969);
    top: 54px;
    left: 16px
}
@media (max-width: 576px) {
    .cfb8c3ef2b6a5066f:after {
        top: 40px;
        left: 8px
    }
}
.ccf73f4ca0bbf6fb0 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}
@media (max-width: 576px) {
    .ccf73f4ca0bbf6fb0 {
        gap: 8px
    }
}
.c7c024a7cc257dfec>svg {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px
}
.c7ac31e73a5985aee {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-bottom: 32px
}
@media (max-width: 576px) {
    .c7ac31e73a5985aee {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px
    }
}
.c7721332cc89679d2 {
    flex: 1;
    padding: 14px 16px;
    background: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 576px) {
    .c7721332cc89679d2 {
        padding: 14px 8px
    }
}
.ccabc1556b5a66003 {
    width: 100%;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .ccabc1556b5a66003 {
        margin-bottom: 8px;
        font-size: 16px
    }
}
.c914c8c482544715c {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}
@media (max-width: 576px) {
    .c914c8c482544715c {
        gap: 8px
    }
}
.c0c63cbb17b8d9336 .cafbe886988f03101:before {
    content: url(../images/pros_icon-DaiNv6qt.ce940d5774b464036)
}
@media (max-width: 576px) {
    .c0c63cbb17b8d9336 .cafbe886988f03101:before {
        content: url(../images/pros_mobile_icon-z7q_1C0F.ce940d5774b464036)
    }
}
.c16988a0d8c5de074 .cafbe886988f03101:before {
    content: url(../images/cons_icon-CHCe5LH2.ce940d5774b464036)
}
.gsct8daafgr { margin: 14px; color: rgb(84, 225, 122); border: 4px dashed #bc758e; display: flex; padding-right: 28px; }
@media (max-width: 576px) {
    .c16988a0d8c5de074 .cafbe886988f03101:before {
        content: url(../images/cons_mobile_icon-B4anRsyf.ce940d5774b464036)
    }
}
.cafbe886988f03101:before {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: ""
}
@media (max-width: 576px) {
    .cafbe886988f03101:before {
        top: 3px;
        margin-right: 6px
    }
}
.c4be6393c7d1b5dcc {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
    background: url(../images/mockup-background-j1AQSfBH.ce940d5774b464036) no-repeat
}
@media (min-width: 1024px) {
    .c4be6393c7d1b5dcc:nth-of-type(2n) {
        flex-direction: row-reverse;
        background-position-x: 0
    }

    .c4be6393c7d1b5dcc:nth-of-type(odd) {
        flex-direction: row;
        background-position-x: 100%
    }

    .c4be6393c7d1b5dcc:nth-of-type(odd)+h3 {
        margin-left: 40%
    }

    .cbb82787ad0571813 {
        width: 60%
    }
}
@media (max-width: 1024px) {
    .c4be6393c7d1b5dcc {
        flex-direction: column;
        background-position: 50% 100%
    }
}
.c38683ed34f899990 {
    margin-bottom: 14px;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}
.ca72a1d99ff68583a {
    display: flex;
    flex-direction: column;
    gap: 15px
}
.c5b9823d58841f73b {
    display: flex;
    gap: 12px;
    position: relative
}
.c5b9823d58841f73b>svg {
    position: absolute;
    left: 6px
}
.c5b9823d58841f73b>svg:first-child {
    top: -11px;
    height: 50%
}
.c5b9823d58841f73b>svg:last-child {
    top: calc(50% + 12px);
    height: 50%
}
.c5b9823d58841f73b:first-of-type>svg:first-child {
    display: none
}
.c5b9823d58841f73b:last-of-type>svg:last-child {
    display: none
}
.cbf5ac94e1d3b42be {
    padding-left: 40px
}
.ccf57529d9dcba3ab {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-weight: 600;
    font-size: 16px
}
.ccf57529d9dcba3ab>svg {
    position: absolute
}
.r7arkuxt { color: rgb(104, 55, 112); padding: 34px 27px; display: grid; width: 94px; }
.ccf57529d9dcba3ab>.c5b1112b4683b70e6 {
    display: none
}
.cd64fe08f0a63c871 {
    width: 400px;
    min-width: 400px;
    -o-object-fit: cover;
    object-fit: cover
}
@media (max-width: 576px) {
    .cd64fe08f0a63c871 {
        min-width: auto
    }
}
.c5ead1ef30c76f593 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 16px
}
@media (max-width: 576px) {
    .c5ead1ef30c76f593 {
        gap: 16px
    }
}
.c242b76f36bff316c {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 1024px) {
    .c242b76f36bff316c {
        flex-direction: column;
        align-items: flex-start
    }
}
@media (max-width: 576px) {
    .c242b76f36bff316c {
        padding: 20px 12px;
        border-radius: 8px
    }
}
.c242b76f36bff316c:before,
.c242b76f36bff316c:after {
    position: absolute;
    left: 42px;
    width: 4px;
    height: 50%;
    background: #d2d2d2;
    content: ""
}
@media (max-width: 1024px) {

    .c242b76f36bff316c:before,
    .c242b76f36bff316c:after {
        right: 42px;
        left: auto
    }
}
@media (max-width: 576px) {

    .c242b76f36bff316c:before,
    .c242b76f36bff316c:after {
        right: 30px
    }
}
.c242b76f36bff316c:before {
    top: 0
}
@media (max-width: 1024px) {
    .c242b76f36bff316c:before {
        height: 20px
    }
}
.c242b76f36bff316c:after {
    bottom: -20px;
    height: calc(50% + 20px)
}
@media (max-width: 1024px) {
    .c242b76f36bff316c:after {
        height: 100%
    }
}
.c242b76f36bff316c:first-of-type:before {
    display: none
}
.c242b76f36bff316c:last-of-type:after {
    display: none
}
.cd7609b56b8415107 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 24px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    background: var(--color-accent);
    border-radius: 48px
}
@media (max-width: 1024px) {
    .cd7609b56b8415107 {
        position: absolute;
        top: 20px;
        right: 20px;
        margin-right: 0
    }
}
@media (max-width: 576px) {
    .cd7609b56b8415107 {
        right: 12px;
        width: 40px;
        min-width: 40px;
        height: 40px
    }
}
.c0254f8459cdec3e3 {
    flex: 1;
    margin-right: 36px
}
@media (max-width: 1024px) {
    .c0254f8459cdec3e3 {
        width: calc(100% - 60px);
        margin-right: 0;
        margin-bottom: 16px
    }
}
.cc0844e1a44321571 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
.c628a73d91221b2c1 {
    width: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}
@media (max-width: 1024px) {
    .c628a73d91221b2c1 {
        width: calc(100% - 60px);
        max-width: 264px
    }
}
.cbf3cd6841d136a21 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 16px
}
.se2wfm3tl { color: rgb(170, 49, 60); }
@media (max-width: 576px) {
    .cbf3cd6841d136a21 {
        gap: 16px
    }
}
.cbbe1adecccb6725a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: var(--bg-dark-rgb);
    border-radius: 12px
}
@media (max-width: 1024px) {
    .cbbe1adecccb6725a {
        flex-direction: column;
        align-items: flex-start
    }
}
@media (max-width: 576px) {
    .cbbe1adecccb6725a {
        padding: 20px 12px;
        border-radius: 8px
    }
}
.cbbe1adecccb6725a>svg {
    position: absolute;
    left: 35px
}
@media (max-width: 1024px) {
    .cbbe1adecccb6725a>svg {
        left: unset;
        right: 35px
    }
}
@media (max-width: 576px) {
    .cbbe1adecccb6725a>svg {
        display: none
    }
}
.cbbe1adecccb6725a>svg:first-child {
    top: 0;
    height: calc(50% - 20px)
}
.cbbe1adecccb6725a>svg:last-child {
    top: calc(50% + 20px);
    height: 50%
}
.cbbe1adecccb6725a:first-of-type>svg:first-child {
    display: none
}
.cbbe1adecccb6725a:last-of-type>svg:last-child {
    display: none
}
.ce60d77cc504fdd5c {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 24px;
    color: #fff;
    font-weight: 700;
    font-size: 24px
}
.ce60d77cc504fdd5c>svg {
    position: absolute
}
.ce60d77cc504fdd5c>.cb33f4ffdda757c94 {
    display: none
}
@media (max-width: 576px) {
    .ce60d77cc504fdd5c>.c5b1112b4683b70e6 {
        display: none
    }

    .ce60d77cc504fdd5c>.cb33f4ffdda757c94 {
        display: unset
    }
}
@media (max-width: 1024px) {
    .ce60d77cc504fdd5c {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-right: 0;
        transform: translateY(-50%)
    }
}
@media (max-width: 576px) {
    .ce60d77cc504fdd5c {
        left: 12px;
        width: 28px;
        min-width: 28px;
        height: 28px;
        font-size: 16px;
        background-size: 170%;
        top: unset;
        transform: unset
    }
}
.cd99d7b9a0e5e9023 {
    flex: 1;
    margin-right: 36px
}
@media (max-width: 1024px) {
    .cd99d7b9a0e5e9023 {
        width: calc(100% - 60px);
        margin-right: 0;
        margin-bottom: 16px
    }
}
.c59ea3cc9c21aa0da {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    .c59ea3cc9c21aa0da {
        margin-left: 40px
    }
}
.c446520efaaa5b2df {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}
@media (max-width: 576px) {
    .c446520efaaa5b2df {
        max-width: 100%
    }
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    transition: color .2s
}
html {
    scroll-behavior: smooth
}
body {
    color: var(--color-light);
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    line-height: 152%;
    background-color: var(--bg-dark)
}
.rtkql8cyfjh1 { padding: 38px 5px; width: 49px; display: grid; color: rgb(231, 33, 43); border: 5px dotted #ac23b1; margin: 4px; }
main {
    flex: 1
}
img {
    max-width: 100%;
    border-radius: 8px
}
button {
    font-size: 16px
}
a {
    color: var(--color-accent);
    font-weight: 700;
    cursor: pointer
}
p {
    font-size: 16px;
    margin: 16px 0
}
@media (max-width: 576px) {
    p {
        margin: 12px 0
    }
}
@media (max-width: 576px) {
    p {
        line-height: 140%
    }
}
ul,
ol {
    padding-left: 20px;
    margin: 16px 0
}
@media (max-width: 576px) {

    ul,
    ol {
        margin: 12px 0
    }
}
@media (max-width: 576px) {

    ul,
    ol {
        line-height: 140%
    }
}
ul {
    list-style-image: url(../images/ui_marker-BLTok8-d.ce940d5774b464036)
}
li:not(:last-of-type) {
    margin-bottom: 8px
}
h1 {
    font-weight: 700;
    font-size: 50px;
    line-height: normal;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h1 {
        font-size: 28px
    }
}
h2 {
    margin: 32px 0 16px;
    color: var(--color-text);
    font-weight: 700;
    font-size: 36px;
    line-height: 112%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h2 {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 140%
    }
}
h3 {
    margin: 32px 0 16px;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h3 {
        font-size: 16px
    }
}
h4 {
    margin: 32px 0 16px;
    color: var(--color-text, #2b2b2d);
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h4 {
        font-size: 14px
    }
}
h5 {
    margin: 32px 0 16px;
    color: var(--color-text, #2b2b2d);
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    font-family: Visuelt Pro, sans-serif
}
@media (max-width: 576px) {
    h5 {
        font-size: 14px
    }
}
.cf3cbc7d092536457 {
    width: 100%;
    overflow: auto;
    border: 1px solid var(--bg-dark);
    border-radius: 10px;
    box-shadow: 2px 4px 18px var(--bg-dark-rgb);
    margin: 16px 0
}
.ufap06rv8s1 { width: 17px; border: 1px dotted #aa994e; padding-left: 46px; }
@media (max-width: 576px) {
    .cf3cbc7d092536457 {
        margin: 12px 0
    }
}
@media (max-width: 576px) {
    .cf3cbc7d092536457 {
        width: auto
    }
}
table {
    width: 100%;
    border-collapse: collapse
}
@media (max-width: 576px) {
    table {
        font-size: 14px;
        border-width: 6px
    }
}
table th {
    font-weight: 700;
    text-align: left
}
table th,
table td {
    padding: 16px;
    border: 1px solid var(--color-accent);
}
table th:first-child,
table td:first-child {
    border-left: none
}
table th:last-child,
table td:last-child {
    border-right: none
}
@media (max-width: 576px) {

    table th,
    table td {
        padding: 8px 12px
    }
}
table thead th {
    color: var(--color-text);
    background: var(--bg-dark);
    border-color: var(--color-accent)
}
table tr:first-of-type th,
table tr:first-of-type td {
    border-top: none
}
table tr:last-of-type th,
table tr:last-of-type td {
    border-bottom: none
}
table p {
    margin: 0
}
@media (max-width: 576px) {
    table p {
        font-size: 14px;
  display: block;
    overflow-x: auto;
width: 100%;
max-width: 576px;
    }
}
.c1156761bd7b4ea0f {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px
}
@media (max-width: 576px) {
    .c1156761bd7b4ea0f {
        margin-bottom: 24px
    }
}
.c429b7a65c54c5a87 {
    position: relative;
    display: block;
    color: #b9b1b9;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    border-bottom: none
}
.c429b7a65c54c5a87:not(:first-child) {
    padding-left: 8px
}
.vqwlicty { margin: 9px; }
.c429b7a65c54c5a87:not(:last-child) {
    padding-right: 8px
}
.c429b7a65c54c5a87:not(:last-child):after {
    position: relative;
    top: 1px;
    left: 8px;
    content: url(../images/bc_arrow-tNUjn8ZS.ce940d5774b464036)
}
.c9ffaa7137d62f11d {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}
.c77ced64ec054765e {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .c77ced64ec054765e {
        padding-right: 16px;
        padding-left: 16px
    }
}
.c2e3ec5c45766caa9 {
    height: -moz-fit-content;
    height: fit-content;
    padding: 17px 10px;
    color: var(--color-text-button, #011c39);
    font-weight: 800;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    background-color: var(--color-accent);
    border-radius: 8px;
    line-height: 18px;
    display: block;
    justify-self: center
}
.c2e3ec5c45766caa9:hover {
    filter: brightness(1.2)
}
.c2e3ec5c45766caa9:active {
    filter: contrast(200%) saturate(50%)
}
@media (max-width: 576px) {
    .c2e3ec5c45766caa9 {
        height: 40px;
        font-size: 14px;
        padding: 11px 0
    }
}
.c76d3d4f1bf4883ec {
    display: none !important
}
.c69809be6a910afcb {
    padding: 80px 0;
    position: relative
}
@media (max-width: 1024px) {
    .c69809be6a910afcb {
        padding: 32px 0
    }
}
.c69809be6a910afcb:before {
    content: "";
    display: block;
    position: absolute;
    background: var(--bg-dark-rgb);
    border-radius: 120px;
    width: 100vw;
    height: 100%;
    margin-top: -80px;
    left: 50%;
    transform: translate(-50%);
    z-index: -1
}
@media (max-width: 1024px) {
    .c69809be6a910afcb:before {
        border-radius: 32px;
        margin-top: -32px
    }
}
.c1a9ec0f0011d7f19 {
    padding: 50px 0;
    color: var(--color-light);
    background: var(--bg-dark);
    border-top: 2px solid var(--bg-dark);
   text-align: center;
}
@media (max-width: 576px) {
    .c1a9ec0f0011d7f19 {
        padding: 40px 0
    }
}
.cbc16f41092750129 .c1a9ec0f0011d7f19 {
    border-top: 2px solid var(--bg-dark)
}
.c01b6f81b801fbe27 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
.vfeq0z4w { padding: 7px 7px; color: rgb(91, 96, 214); }
@media (max-width: 1352px) {
    .c01b6f81b801fbe27 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.c01b6f81b801fbe27 {
    max-width: 1320px
}
.c32d1ff154b8878bd {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;

}
@media (max-width: 1024px) {
    .c32d1ff154b8878bd {
        gap: 8px 12px;
        margin-bottom: 32px;
        padding: 0
    }
}
.c4750111909e01a50 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none
}
.c0cbbee0013743237 {
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -5px
}
@media (max-width: 1024px) {
    .c0cbbee0013743237 {
        border-left: 1px solid gray;
        padding-left: 8px;
        justify-content: center;
        position: unset
    }
}
.cc7638e4de1e8a205 {
    padding: 5px 10px;
    margin: 0;
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}
.cc7638e4de1e8a205>img {
    width: 25px;
    height: 13px
}
.cc7638e4de1e8a205>svg {
    margin-left: 10px;
    transition: transform .3s ease
}
@media (max-width: 1024px) {
    .cc7638e4de1e8a205 {
        border: none
    }
}
.c4efd0694e493c812 {
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    position: absolute;
    background: var(--color-accent);
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    margin: 42px 0 5px;
    width: 9em
}
@media (max-width: 1024px) {
    .c4efd0694e493c812 {
        margin: 35px 0 5px
    }
}
.c05d44d98ad74e435 {
    position: relative
}
.c05d44d98ad74e435:not(:last-of-type) {
    margin-bottom: 10px
}
.c180626333c651d4b {
    display: inline-block;
    width: 90%
}
.xhgoqfpc6adw { border: 5px dashed #9bfa36; margin: -4px; }
.c180626333c651d4b>* {
    vertical-align: middle
}
.c010ddbc89197f257 {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.c68823607c8adc40d {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.ca59ccfe17c4f8dbc {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}
@media (max-width: 1024px) {
    .ca59ccfe17c4f8dbc {
        gap: 8px 20px;
        margin-bottom: 32px
    }
}
.c53dfaa80863f2faa {
    display: flex;
    max-height: 44px;
    border-bottom: none
}
@media (max-width: 768px) {
    .c53dfaa80863f2faa {
        max-height: 30px
    }
}
.cd0449372834ebfa0 {
    width: 100px;
    height: 100%
}
@media (max-width: 768px) {
    .cd0449372834ebfa0 {
        max-height: 30px
    }
}
.ca2255b6ac4b0f9b8 {
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 576px) {
    .ca2255b6ac4b0f9b8 {
        width: 100%;
        margin-bottom: 16px
    }
}
.ca2255b6ac4b0f9b8 img {
    width: 176px
}
.ca8359f824029c098 {
    margin-bottom: 12px;
    color: var(--color-text);
    line-height: 160%;
    text-align: center
}
@media (max-width: 576px) {
    .ca8359f824029c098 {
        font-size: 14px
    }
}
.c7c68b4f51441b31f {
    padding: 50px 0;
    color: #fff;
    background: var(--bg-dark);
    border-top: 2px solid var(--bg-dark)
}
@media (max-width: 576px) {
    .c7c68b4f51441b31f {
        padding: 40px 0
    }
}
.cbc16f41092750129 .c7c68b4f51441b31f {
    border-top: 2px solid var(--bg-dark)
}
.ce45e31ee42e0a621 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
.w7yoshd0nj { border: 3px dashed #a62a6a; padding: 22px 46px; margin: -5px; }
@media (max-width: 1352px) {
    .ce45e31ee42e0a621 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.ce45e31ee42e0a621 {
    max-width: 1320px
}
.cfbffa1ab89ef610f {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
    padding-right: 75px
}
@media (max-width: 1024px) {
    .cfbffa1ab89ef610f {
        gap: 8px 12px;
        margin-bottom: 32px;
        padding: 0
    }
}
.c346e683736afaa85 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none
}
.caa8834962dbc85de {
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -5px
}
@media (max-width: 1024px) {
    .caa8834962dbc85de {
        border-left: 1px solid gray;
        padding-left: 8px;
        justify-content: center;
        position: unset
    }
}
.c3494f57b749b6921 {
    margin-left: 10px
}
.c0f66f17b768512ea {
    padding: 5px 10px;
    margin: 0;
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}
@media (max-width: 1024px) {
    .c0f66f17b768512ea {
        border: none
    }
}
.c4851ca6dfedc0010 {
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    position: absolute;
    background: var(--color-accent);
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    margin: 42px 0 5px;
    width: 9em
}
@media (max-width: 1024px) {
    .c4851ca6dfedc0010 {
        margin: 35px 0 5px
    }
}
.cefd4f1f9d25f78b1 {
    position: relative
}
.cefd4f1f9d25f78b1:not(:last-of-type) {
    margin-bottom: 10px
}
.c3a0ebdfd176eccc4 {
    display: inline-block;
    width: 90%
}
.eup6twfgqe { border: 3px dashed #cca105; margin: -18px; padding: 30px 3px; display: block; color: rgb(205, 162, 179); }
.c3a0ebdfd176eccc4>* {
    vertical-align: middle
}
.c0acb25c1374ff636 {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.cf1b27abd25e2bf0b {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.c72b82872237e4a93 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 64px;
    position: relative
}
@media (max-width: 1024px) {
    .c72b82872237e4a93 {
        gap: 8px 20px;
        margin-bottom: 32px
    }
}
.c72b82872237e4a93:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: linear-gradient(to left, #69696900, #696969, #69696900);
    top: calc(100% + 32px)
}
.ce4253201aa2a16f4 {
    display: flex;
    max-height: 44px;
    border-bottom: none
}
@media (max-width: 768px) {
    .ce4253201aa2a16f4 {
        max-height: 30px
    }
}
.c041e3dc7758f2ddf {
    height: 30px
}
.c0f6441a8fed0c692 {
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 576px) {
    .c0f6441a8fed0c692 {
        width: 100%;
        margin-bottom: 16px
    }
}
.c0f6441a8fed0c692 img {
    width: 176px
}
.c8c953264513c6c2c {
    margin-bottom: 12px;
    color: var(--color-text-header-footer, #fff);
    line-height: 160%;
    text-align: center
}
@media (max-width: 576px) {
    .c8c953264513c6c2c {
        font-size: 14px
    }
}
.c413ffc72bce92c44 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #0006;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}
.cfd63b6f45cc27904 {
    background: var(--bg-dark);
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 50%;
    position: relative;
    border: 1px solid #aaa
}
@media (max-width: 576px) {
    .cfd63b6f45cc27904 {
        width: 90%
    }
}
.cfd63b6f45cc27904 h2 {
    margin-top: 0
}
.cfd63b6f45cc27904 input,
.cfd63b6f45cc27904 textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #fff;
    background: var(--bg-dark);
    resize: none;
    font-family: Open Sans, serif;
    caret-color: #fff
}
.cfd63b6f45cc27904 input:focus,
.cfd63b6f45cc27904 textarea:focus {
    border-color: #fff;
    outline: none
}
.s4bv8dwecg { margin: 2px; padding-left: 17px; }
.cfd63b6f45cc27904 button[type=submit] {
    width: 100%;
    background-color: var(--color-accent);
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer
}
.cfd63b6f45cc27904 h3 {
    margin-top: 0
}
.ce1d703dcbf5e385c {
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 35px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer
}
@media (max-width: 576px) {
    .ce1d703dcbf5e385c {
        font-size: 30px
    }
}
.ce7df45a3103770d5 {
    position: relative;
    width: 100%;
    height: 68px;
    background-color: var(--bg-dark)
}
@media (max-width: 1024px) {
    .ce7df45a3103770d5 {
        height: 60px
    }
}
.cc3cc7d6e6c4d1e6c {
    display: flex;
    align-items: center;
    max-width: 176px;
    height: 100%;
    margin-right: 32px;
    padding: 5px 0
}
.cc3cc7d6e6c4d1e6c img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
@media (max-width: 1024px) {
    .cc3cc7d6e6c4d1e6c {
        order: 0
    }
}
@media (max-width: 576px) {
    .cc3cc7d6e6c4d1e6c {
        max-width: 110px;
        margin-right: 10px
    }
}
@media (max-width: 375px) {
    .cc3cc7d6e6c4d1e6c {
        max-width: 95px
    }
}
.ccb2f6fd743f95aee {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .ccb2f6fd743f95aee {
        padding-right: 16px;
        padding-left: 16px
    }
}
.ccb2f6fd743f95aee {
    max-width: 1320px
}
.ce7df45a3103770d5 nav {
    flex: 1
}
.c819beec37169fd4b {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    margin-right: 16px
}
.wjrd7xwtozc { color: rgb(217, 107, 41); border: 2px dashed #c17a90; margin: -1px; padding: 19px 8px; }
@media (max-width: 1024px) {
    .c819beec37169fd4b {
        display: none
    }

    .c819beec37169fd4b.c7bad0e128bfcc2a0 {
        display: flex;
        flex: none;
        order: 3;
        margin-right: 0;
        margin-left: 0;
        position: fixed;
        top: 68px;
        right: 0;
        z-index: 10;
        width: 90%;
        max-width: unset;
        height: auto;
        min-height: 100%;
        padding: 16px;
        background: var(--bg-dark);
        border-radius: 8px 0 0 8px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}
.c12110cd8b1bfe595 {
    display: flex;
    gap: 26px;
    align-items: center
}
@media (max-width: 1024px) {
    .c12110cd8b1bfe595 {
        display: none
    }

    .c819beec37169fd4b.c7bad0e128bfcc2a0 .c12110cd8b1bfe595 {
        display: flex;
        flex-direction: column;
        gap: 20px
    }
}
.c75cebaefddf180c8 {
    position: relative;
    display: flex;
    height: 100%
}
@media (max-width: 1024px) {
    .c75cebaefddf180c8 {
        flex-direction: column;
        width: 100%
    }

    .c75cebaefddf180c8.c7bad0e128bfcc2a0>.c6332ed8845ec34c1 {
        display: block
    }
}
.cc3f17692f303f664 {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 100%;
    color: var(--color-text-header-footer, #fff);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.cc3f17692f303f664 svg *[fill] {
    fill: currentcolor
}
.cc3f17692f303f664 svg *[stroke] {
    stroke: currentcolor
}
.cc3f17692f303f664 a {

    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.c75cebaefddf180c8:hover>.c6332ed8845ec34c1 {
    display: block
}
.c75cebaefddf180c8:hover>.cc3f17692f303f664,
.c75cebaefddf180c8:hover>.cc3f17692f303f664>a {
    color: var(--color-accent)
}
.c75cebaefddf180c8:hover>.cc3f17692f303f664 svg {
    rotate: 180deg
}
.ce5020546d8ffa18d {
    z-index: 1;
    display: flex
}
@media (max-width: 1024px) {
    .ce5020546d8ffa18d {
        padding: 0;
        display: none;
        width: 90%;
        height: auto;
        background: var(--bg-dark);
        border-radius: 8px 0 0 8px;
        max-width: -moz-fit-content;
        max-width: fit-content;
        order: -1;
        margin: 16px 0
    }
}
@media (max-width: 1024px) and (max-width: 576px) {
    .ce5020546d8ffa18d {
        margin: 12px 0
    }
}
@media (max-width: 1024px) {
    .c819beec37169fd4b.c7bad0e128bfcc2a0 .ce5020546d8ffa18d {
        display: flex
    }
}
.c6b65ac8271a4a650 {
    padding: 5px 10px;
    margin: 0;
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}
.chnsjpsnrfmb { padding: 23px 2px; margin: -19px; display: inline-block; color: rgb(98, 42, 139); }
.c6b65ac8271a4a650>svg {
    margin-left: 10px;
    transition: transform .3s ease
}
.c704542325f591453 {
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    position: absolute;
    background: var(--color-accent);
    border: 1px solid var(--color-border-button, #fff);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    margin: 42px 0 5px;
    width: 6em
}
.cdfa8262fb018a0b3 {
    position: relative
}
.cdfa8262fb018a0b3:not(:last-of-type) {
    margin-bottom: 10px
}
.cdfa8262fb018a0b3>svg {
    position: absolute;
    display: inline-block;
    top: 40%
}
.c0c1e366e1f4acd26 {
    display: inline-block;
    width: 90%
}
.c0c1e366e1f4acd26>* {
    vertical-align: middle
}
.ced2c0bd82a608f8a {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.c2e92c79b3c41769b {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.c6332ed8845ec34c1 {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    min-width: 218px
}
@media (max-width: 1024px) {
    .c6332ed8845ec34c1 {
        position: static;
        width: 100%;
        padding-top: 12px;
        transform: translate(0)
    }
}
.c1920c8d77454c348 {
    padding: 6px 0;
    background-color: var(--bg-dark);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 8px
}
@media (max-width: 1024px) {
    .c1920c8d77454c348 {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border: none
    }
}
.c0ad1c87e0747a9f0 {
    position: relative
}
.c0ad1c87e0747a9f0:hover>.c6332ed8845ec34c1 {
    display: block
}
.c0ad1c87e0747a9f0:hover>.ca7ec675c34b5a5bb,
.c0ad1c87e0747a9f0:hover>.ca7ec675c34b5a5bb>a {
    color: var(--color-accent)
}
@media (max-width: 1024px) {
    .c0ad1c87e0747a9f0:hover>.ca7ec675c34b5a5bb svg {
        rotate: 180deg
    }
}
.ca7ec675c34b5a5bb {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    color: #fff
}
.jcje2ej2 { padding: 19px 8px; }
.ca7ec675c34b5a5bb svg *[fill] {
    fill: currentcolor
}
.ca7ec675c34b5a5bb svg *[stroke] {
    stroke: currentcolor
}
.ca7ec675c34b5a5bb a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}
@media (min-width: 1024px) {
    .ca7ec675c34b5a5bb svg {
        rotate: -90deg
    }
}
@media (max-width: 1024px) {
    .ca7ec675c34b5a5bb {
        justify-content: flex-start;
        padding: 0;
        font-weight: 400
    }
}
@media (max-width: 1024px) {
    .c0ad1c87e0747a9f0.c7bad0e128bfcc2a0>.c6332ed8845ec34c1 {
        display: block
    }
}
.c0ad1c87e0747a9f0 .c6332ed8845ec34c1 {
    top: 0;
    right: calc(-100% - 4px);
    left: auto
}
@media (max-width: 1024px) {
    .c0ad1c87e0747a9f0 .c6332ed8845ec34c1 {
        padding-top: 0;
        border: none
    }
}
.c0ad1c87e0747a9f0 .c1920c8d77454c348 {
    margin-left: 8px
}
@media (max-width: 1024px) {
    .c0ad1c87e0747a9f0 .c1920c8d77454c348 {
        display: block;
        background-color: transparent
    }
}
@media (max-width: 1024px) {
    .c0ad1c87e0747a9f0 .c6332ed8845ec34c1 .c0ad1c87e0747a9f0 .ca7ec675c34b5a5bb {
        font-size: 14px
    }
}
.ce98b9c20d80652fc {
    display: flex;
    gap: 16px;
    align-items: center
}
.caf8db1d181d65c1b {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: var(--color-accent);
    border-radius: 4px;
    cursor: pointer
}
@media (max-width: 1024px) {
    .caf8db1d181d65c1b {
        display: flex
    }
}
@media (max-width: 576px) {
    .caf8db1d181d65c1b {
        width: 28px;
        height: 28px
    }
}
@media (max-width: 1024px) {
    .ce98b9c20d80652fc {
        flex: 1;
        gap: 8px;
        justify-content: flex-end;
        order: 2;
        margin-right: 8px
    }
}
.ce1d472f5f6200ab2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 28px;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
    border-radius: 8px
}
@media (max-width: 576px) {
    .ce1d472f5f6200ab2 {
        height: 28px;
        padding: 0 6px;
        font-size: 12px
    }
}
@media (max-width: 375px) {
    .ce1d472f5f6200ab2 {
        font-size: 9px
    }
}
.c088142367fe3e781 {
    color: var(--color-accent);
    border: 2px solid var(--color-accent);
}
.c088142367fe3e781:hover {

    filter: brightness(1.2)
}
.c088142367fe3e781:active {
    filter: brightness(.8)
}
.c01801d0aceb2b336 {
    color: var(--color-text-button, #011c39);
    background-color: var(--color-accent)
}
.c01801d0aceb2b336:hover {
    filter: brightness(1.2)
}
.c01801d0aceb2b336:active {
    filter: contrast(200%) saturate(50%)
}
.c3e16a7f5ae844c41 {
    position: relative;
    width: 100%;
    height: 93px;
    background-color: var(--bg-dark);
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 60px
}
.xdq6qkh4 { padding: 33px 2px; color: rgb(52, 144, 109); }
@media (max-width: 1024px) {
    .c3e16a7f5ae844c41 {
        height: 60px;
        border-bottom-right-radius: 28px;
        border-bottom-left-radius: 28px
    }
}
.ccf5cbf372384f3fc {
    display: flex;
    align-items: center;
    max-width: 176px;
    height: 100%;
    margin-right: 32px;
    padding: 5px 0
}
.ccf5cbf372384f3fc img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
@media (max-width: 1024px) {
    .ccf5cbf372384f3fc {
        order: 1
    }
}
@media (max-width: 576px) {
    .ccf5cbf372384f3fc {
        max-width: 110px;
        margin-right: 10px
    }
}
@media (max-width: 375px) {
    .ccf5cbf372384f3fc {
        max-width: 95px
    }
}
.cba554d8060a06941 {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}
@media (max-width: 1352px) {
    .cba554d8060a06941 {
        padding-right: 16px;
        padding-left: 16px
    }
}
.cba554d8060a06941 {
    max-width: 1320px
}
.cb0c47e4419393b4e {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    justify-content: center
}
@media (max-width: 1024px) {
    .cb0c47e4419393b4e {
        display: none
    }

    .cb0c47e4419393b4e.c7bad0e128bfcc2a0 {
        display: flex;
        flex: none;
        order: 3;
        margin-right: 0;
        margin-left: 0;
        position: fixed;
        top: 68px;
        right: 0;
        z-index: 10;
        width: 100%;
        max-width: unset;
        height: auto;
        min-height: 100%;
        padding: 16px;
        background: var(--bg-dark);
        border-radius: 8px 0 0 8px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}
.cc6848588c20c1eac {
    gap: 26px;
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width: 1024px) {
    .cc6848588c20c1eac {
        display: none
    }

    .cb0c47e4419393b4e.c7bad0e128bfcc2a0 .cc6848588c20c1eac {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}
.c12461b0d4ce55940 {
    position: relative;
    display: flex;
    height: 100%
}
@media (max-width: 1024px) {
    .c12461b0d4ce55940 {
        flex-direction: column;
        width: 100%
    }

    .c12461b0d4ce55940.c7bad0e128bfcc2a0>.cc833e34163f03abb {
        display: block
    }
}
.cf921e3c6e318ab7d {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 100%;
    color: var(--color-text-header-footer, #fff);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.cf921e3c6e318ab7d svg *[fill] {
    fill: currentcolor
}
.cf921e3c6e318ab7d svg *[stroke] {
    stroke: currentcolor
}
.cf921e3c6e318ab7d a {
    color: var(--color-text-header-footer, #fff);
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none
}
.c12461b0d4ce55940:hover>.cc833e34163f03abb {
    display: block
}
.q7ykqo0w7gmn { width: 90px; color: rgb(31, 166, 132); border: 2px dotted #79bfe5; padding: 40px 32px; margin: 12px; display: inline-block; }
.c12461b0d4ce55940:hover>.cf921e3c6e318ab7d,
.c12461b0d4ce55940:hover>.cf921e3c6e318ab7d>a {
    color: var(--color-accent)
}
.c12461b0d4ce55940:hover>.cf921e3c6e318ab7d svg {
    rotate: 180deg
}
.c069c5b581c5095f4 {
    z-index: 1;
    display: flex;
    order: 1;
    position: absolute;
    right: 0
}
@media (max-width: 1024px) {
    .c069c5b581c5095f4 {
        display: none
    }

    .cb0c47e4419393b4e.c7bad0e128bfcc2a0 .c069c5b581c5095f4 {
        padding: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        order: unset;
        position: unset
    }
}
.c069c5b581c5095f4 svg {
    margin-left: auto
}
@media (max-width: 1024px) {
    .c069c5b581c5095f4 svg {
        margin-left: 8px
    }
}
.c68278ddee2891da4 {
    margin: 0;
    border-radius: 5px;
    color: var(--color-text-button, #011c39);
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 700;
    width: 4em
}
@media (max-width: 1024px) {
    .c68278ddee2891da4 {
        width: 100%
    }
}
.c753faf4104746d61 {
    position: absolute;
    list-style-type: none;
    list-style-image: none;
    padding: 10px;
    background: var(--bg-dark);
    border-radius: 5%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--color-border-button, #fff);
    margin: 42px 0 5px;
    width: 6em;
    left: -14px
}
@media (max-width: 1024px) {
    .c753faf4104746d61 {
        position: unset;
        padding: 0;
        margin: 12px 0 0;
        width: 100%;
        border: 0;
        border-bottom: 1px solid var(--color-border-button, #fff)
    }
}
.c6592a38014f82f93 {
    position: relative
}
.c6592a38014f82f93:not(:last-of-type) {
    margin-bottom: 10px
}
.c776d5d6bb7f0a229 {
    position: absolute;
    display: inline-block;
    top: 40%;
    right: 0
}
.c5fc8894ca50ab09e {
    display: inline-block
}
.c5fc8894ca50ab09e>* {
    vertical-align: middle
}
.c29a136412c04dc0b {
    color: var(--color-text-button, #011c39);
    text-decoration: none;
    font-weight: 700;
    outline: none;
    display: flex;
    align-items: center
}
.c1236f7b70d28de6b {
    border-radius: 0;
    width: 25px;
    margin-right: 5px
}
.cc833e34163f03abb {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    min-width: 218px
}
.ky8fv62g { width: 46px; color: rgb(116, 20, 42); border: 5px solid #2d1785; padding: 36px 32px; display: block; margin: -2px; }
@media (max-width: 1024px) {
    .cc833e34163f03abb {
        position: static;
        width: 100%;
        padding-top: 12px;
        transform: translate(0)
    }
}
.ca9f79f7ae2761806 {
    padding: 6px 0;
    background-color: var(--bg-dark);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 8px
}
@media (max-width: 1024px) {
    .ca9f79f7ae2761806 {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        border: none
    }
}
.c87712ad0bd0593f0 {
    position: relative
}
.c87712ad0bd0593f0:hover>.cc833e34163f03abb {
    display: block
}
.c87712ad0bd0593f0:hover>.c448e4083287416c0,
.c87712ad0bd0593f0:hover>.c448e4083287416c0>a {
    color: var(--color-accent)
}
@media (max-width: 1024px) {
    .c87712ad0bd0593f0:hover>.c448e4083287416c0 svg {
        rotate: 180deg
    }
}
.c448e4083287416c0 {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    color: #fff
}
.c448e4083287416c0 svg *[fill] {
    fill: currentcolor
}
.c448e4083287416c0 svg *[stroke] {
    stroke: currentcolor
}
.c448e4083287416c0 a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}
@media (min-width: 1024px) {
    .c448e4083287416c0 svg {
        rotate: -90deg
    }
}
@media (max-width: 1024px) {
    .c448e4083287416c0 {
        justify-content: flex-start;
        padding: 0;
        font-weight: 400
    }
}
@media (max-width: 1024px) {
    .c87712ad0bd0593f0.c7bad0e128bfcc2a0>.cc833e34163f03abb {
        display: block
    }
}
.c87712ad0bd0593f0 .cc833e34163f03abb {
    top: 0;
    right: calc(-100% - 4px);
    left: auto
}
@media (max-width: 1024px) {
    .c87712ad0bd0593f0 .cc833e34163f03abb {
        padding-top: 0;
        border: none
    }
}
.c87712ad0bd0593f0 .ca9f79f7ae2761806 {
    margin-left: 8px
}
@media (max-width: 1024px) {
    .c87712ad0bd0593f0 .ca9f79f7ae2761806 {
        display: block;
        background-color: transparent
    }
}
@media (max-width: 1024px) {
    .c87712ad0bd0593f0 .cc833e34163f03abb .c87712ad0bd0593f0 .c448e4083287416c0 {
        font-size: 14px
    }
}
.c73cd16c089208a70 {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-left: 24px
}
.c53fcfba32cfe1e9b {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer
}
.li21cba23yl { width: 87%; padding: 13px 32px; color: rgb(60, 244, 82); }
@media (max-width: 1024px) {
    .c53fcfba32cfe1e9b {
        display: flex
    }
}
@media (max-width: 576px) {
    .c53fcfba32cfe1e9b {
        width: 28px;
        height: 28px
    }
}
@media (max-width: 1024px) {
    .c73cd16c089208a70 {
        flex: 1;
        gap: 8px;
        justify-content: flex-end;
        order: 2;
        margin-right: 8px
    }
}
.c4403b1557d6c69df {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 28px;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
    border-radius: 12px
}
@media (max-width: 576px) {
    .c4403b1557d6c69df {
        height: 28px;
        padding: 0 6px;
        font-size: 12px;
        border-radius: 8px
    }
}
@media (max-width: 375px) {
    .c4403b1557d6c69df {
        font-size: 9px
    }
}
.c190bdb491004a690 {
    color: var(--color-text-header-footer, #fff);
    border: 2px solid var(--color-accent)
}
.c190bdb491004a690:hover {
    background: var(--bg-dark-rgb);
    filter: brightness(1.2)
}
.c190bdb491004a690:active {
    filter: brightness(.8)
}
.c6588e7fe2381996a {
    color: var(--color-text-button, #011c39);
    background-color: var(--color-accent)
}
.c6588e7fe2381996a:hover {
    filter: brightness(1.2)
}
.c6588e7fe2381996a:active {
    filter: contrast(200%) saturate(50%)
}
.c21c487802d7348d4 {
    width: 100%;
    margin-bottom: 40px;
}
.cbc64998ea317086a {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.cbc64998ea317086a h2 {
    color: var(--color-accent);
}
.rc3pq0fqybg { padding-left: 13px; margin: -16px; color: rgb(69, 199, 79); }
.c5ad0e3c524c535b7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding-top: 20px;
}
.cf00ffdfe117cad68 {
    width: 100%;
    height: auto;
    max-width: 220px;
    min-height: 220px;
    position: relative;
    background-color: inherit;
    border-radius: 10px;
}
.cf00ffdfe117cad68 img {
    height: auto;
    max-width: 220px;
    border-radius: 10px;
}
.cf00ffdfe117cad68 .ce940d5774b464036 {
    position: absolute;
    top: 45%;
    left: 40%;
    width: 60px;
    height: 60px;
    opacity: 0;
}
.cf00ffdfe117cad68:hover .ce940d5774b464036 {
    opacity: 1; 
}
.cf00ffdfe117cad68:hover img {
    opacity: 0.3;
}
@media screen and (max-width: 695px) {
    .c5ad0e3c524c535b7 {
        justify-content: center;
        gap:10px;
    }
    .cf00ffdfe117cad68 {
        max-width: 120px;
        min-height: 190px;
    }
    .cf00ffdfe117cad68 img {
       
    }
}
.cf00ffdfe117cad68 {
max-width:inherit;
text-align: center;
}
.c1f6fda50c553cada {
 flex-basis: 49%; 
}
.c75bf0a45e8eb3e25 {
 flex-basis: 32.3333%; 
}
.ce0d90e8fa0c562ca {
 flex-basis: 24%; 
}
.bt1hqpbqbel { margin: -16px; width: 64px; padding: 18px 7px; color: rgb(26, 238, 237); border: 2px dotted #a5cd1c; display: block; }
.c69a755e0c98589e5 {
 flex-basis: 19%; 
}
.cedad7157b9f56b00 {
 flex-basis: 15.6666%; 
}
.cb65bf68bd9aae5f6 {
 flex-basis: 13.2857%; 
}
.cb690d1091782bc36 {
overflow: hidden;
}
.cb0c0371828bebb4e {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.c9e86c2fc0b335fe7 h2 {
    margin-bottom: 1.875rem;
    font-size: 1.875rem;
    font-weight: 700;
}
summary.c1d35ad837a4e8c08 {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border: 1px solid var(--color-light);
    padding: 1rem;
}
.c0e32b2e3d555d4ba {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border: 0px dotted var(--color-light);
    padding: 0 1rem;
}
.c2ced3a2fb1c3a79e {
width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.c2ced3a2fb1c3a79e .ce599e9b6ce68e1e8 {
max-width: 1440px;
    margin: 0 auto;
    padding: 0 10px;
    padding-top: 30px;
}
.amx0rfkx1 { width: 42%; display: grid; color: rgb(180, 156, 172); padding: 5px 32px; }
.c2ced3a2fb1c3a79e .cba0501feb7b3eb77 {
    display: flex;
 flex-wrap: wrap;
max-width: 1000px;
    gap: 8px;

    list-style: none;
    margin: 0;
    padding: 0;
}
.c2ced3a2fb1c3a79e .cba0501feb7b3eb77 .c737e3ef2b04d1685  {
list-style:none;
}
.c2ced3a2fb1c3a79e .cba0501feb7b3eb77 .c737e3ef2b04d1685 a {
    display: flex;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
    padding: 3px 10px;
    line-height: normal;
    white-space: nowrap;
    border: 1px solid var(--color-accent);
    color: var(--color-light);
    border-radius: 15px;
}
.c2ced3a2fb1c3a79e + section.c88d165d610ceb1c9 {
margin-top:0px;
}
.c586c262311505b84 {
display: flex;
    justify-content: center;
    gap: 20px;
}

        .cb34cce3c20184277 {
          width: 100%;
height: 700px;
display: flex;
justify-content: center;
align-items: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 40px 0;
border-radius: 20px;

        }
.c539d9c7032c27487 {
            display: flex;
            flex-direction: column;
            gap: 15px;
            z-index: 5;
        }
.c1020f2fa6886a502 {
            padding: 18px 45px;
            font-size: 1.2rem;
            font-weight: bold;
            text-transform: uppercase;
            cursor: pointer;
            border: none;
            border-radius: 5px;
            transition: 0.3s;
        }
.cf6178305b3cd48c8 {
            background-color: #00bcd4;
            color: #fff;
        }
.c9f57abb04696d98c {
            background-color: #ff9800;
            color: #fff;
        }
.c1020f2fa6886a502:hover {
            opacity: 0.85;
            transform: translateY(-2px);
        }
iframe[full-frame] {
            width: 100%;
            height: 100%;
            border: none;
        }

.c48459ab772c48628 {
    margin-top: 20px;
    font-size: 13px;
    opacity: 0.5;
}
.l4k6199w93 { color: rgb(202, 130, 206); width: 100%; }

@media (max-width: 768px) {
    .c5b60b29e4d83fdae {
        flex-direction: column;
        gap: 12px;
    }

    .c174eb7fb9f18c129 {
        width: 100%;
    }

    .cc64f82df095483bb img {
        height: 26px;
    }
}
.c931de561c1444178 {
    border-top: 2px solid var(--color-accent);
}
.c7a0804b50ebce2b6 {
      width: 100%;
      background: var(--bg);
      border-top: 1px solid rgba(255,255,255,0.06);
      padding: 32px 20px 24px;
      color: var(--color-text);
    }
.c5dfad98a75aee0dd {
      max-width: 860px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .c174eb7fb9f18c129 {
      width: 100%;
      height: 1px;
      background: rgba(255,255,255,0.05);
    }

    .c2ee09f530936003f {
      font-size: 12px;
      line-height: 1.7;
      color: var(--color-text);
      text-align: center;
    }

    .c3d1d23d197ac5426 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 2px solid #ef4444;
color: red;

      font-size: 10px;
      font-weight: 700;
      letter-spacing: -0.5px;
      margin-right: 4px;
      vertical-align: middle;
      flex-shrink: 0;
    }

    .c99b466a023b443b7 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 6px 12px;
      font-size: 12px;
      color: var(--color-text);
      text-align: center;
    }
.c99b466a023b443b7 div {
display: flex;
gap: 10px;
}
.c99b466a023b443b7 span {
      color:var( --color-light);
      font-weight: 600;
      display: block;
      width: 100%;
      margin-bottom: 5px;
font-size: 14px;
    }
.c99b466a023b443b7 a {
     color:var( --color-light);
      text-decoration: none;
      transition: color 0.2s;
      white-space: nowrap;
font-size: 14px;

    }
.c99b466a023b443b7 a:hover { color: #c5cad6; }
.caea8fe59771a3d90 {
      color: rgba(255,255,255,0.18);
      font-size: 14px;
      line-height: 1;
    }
.k7642445j2cy { color: rgb(4, 166, 130); padding-left: 16px; border: 2px solid #c9b3fd; }

    .cb8e890786812bc92 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }
.cf9d5acad2071c2bd {
      display: flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 8px;
      padding: 7px 12px;
      text-decoration: none;
      color: #8a94a6;
      font-size: 11px;
      font-weight: 500;
      transition: background 0.2s, border-color 0.2s, color 0.2s;
      white-space: nowrap;
width: 130px;
min-height: 65px;
display: flex;
justify-content: center;
    }
.cf9d5acad2071c2bd:hover {
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.14);
      color: #c5cad6;
    }

    .cf9d5acad2071c2bd svg {
      flex-shrink: 0;
    }

    .cabdfbbd32ce56ce1 {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
.c4ff3740d3dcf85d1 {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: linear-gradient(135deg, #1a6faf 0%, #0d4f82 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      font-weight: 800;
      color: #fff;
      letter-spacing: -0.5px;
      flex-shrink: 0;
    }

    .c2ccbe8af31d2a442 {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }
.c1dd26b53253a75d1 {
      width: 28px;
      height: 28px;
      border-radius: 4px;
      background: #f4a10d;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .cfe70bfaf9500561b {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }
.c89d658b37a9df057 {
      width: 28px;
      height: 28px;
      border-radius: 4px;
      background: #27a844;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .c0e7089123228bdf3 {
      font-size: 11px;
      color: var(--color-text);
      text-align: center;
    }
.c0e7089123228bdf3 a {
      color: var(--color-text);
      text-decoration: underline;
      text-underline-offset: 2px;
    }
.c0e7089123228bdf3 a:hover { color: #9aa0b0; }

    .cb4ca7c2f378f15db {
      font-size: 11px;
   color: var(--color-text);
      text-align: center;
    }
.ngzxd5764w { width: 16px; padding-left: 30px; }

    @media (max-width: 480px) {
      .cb8e890786812bc92 { gap: 8px; }
      .cf9d5acad2071c2bd { font-size: 10px; padding: 6px 10px; }
    }
.c95f6345f2908f3b6 {
max-width: 100%;
    height: auto;
}
.cfb94fced893eb694 div {
    font-size: 32px;
    font-weight: 700;
    color: black;
    margin-bottom: 8px;
    margin-top: 0;

}
blockquote {
    margin: 20px 0;
    padding: 15px 20px;
    border-left: 4px solid var(--accent);
    background-color: var(--bg);
    color: var(--text);
    font-style: italic;
    line-height: 1.6;
margin-left: 25px;
}
blockquote p {
    margin: 0;
}
blockquote cite {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: var(--menu);
    opacity: 0.7;
    font-style: normal;
}
.c7ac31e73a5985aee {
   max-width: 1000px;
width: 100%;
    margin: 10px auto;
padding: 10px;
justify-content: center;
}
.cd51978c3b865fe5d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.c12cbb00ada41df84 {
    padding: 24px;
    border-radius: 16px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.c12cbb00ada41df84:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.cf6825969386724e5 {
    background: rgba(40, 167, 69, 0.12); 
    border: 1px solid rgba(40, 167, 69, 0.25);
}
.cfe4a38312bfe7a3a {
    background: rgba(220, 53, 69, 0.12); 
    border: 1px solid rgba(220, 53, 69, 0.25);
}

.c2a31d12df306d6be {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

.c7522fdeb5d60a8b5 {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.llmnfiw2yz { display: grid; margin: 16px; padding: 5px 20px; width: 99vw; }
.c7522fdeb5d60a8b5 li {
 list-style: none !important;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    line-height: 1.5;
}

.cf6825969386724e5 li::before,
.cfe4a38312bfe7a3a li::before {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    font-weight: bold;
}
.cf6825969386724e5 li::before {
    content: "✔";
    color: #28a745;
}
.cfe4a38312bfe7a3a li::before {
    content: "✖";
    color: #dc3545;
}

@media (max-width: 768px) {
    .cd51978c3b865fe5d {
        grid-template-columns: 1fr;
    }
}
@media(max-width:768px) {
table {
    display: block;
    overflow-x: auto;
}
    .c2c1700e9374fbf7a {
    float: inherit;
    display: block;
}
}
img {
height: auto;

}
.c55e747c19c824f56 {
    background: var(--bg);
    padding: 20px;
    border-radius: 12px;
    display: block;
margin: 0 auto;
max-width: 1000px;
    width: 100%;
}
.cfbc303e59d432e99 {
    display: flex;
flex-direction: column;
    align-items: center;
    gap: 18px;
    background-color: var(--bg);
    padding: 20px;
    border-radius: 12px;
margin-bottom: 20px;
}
.c26c71c08c2e8cd71 {

margin-left: 20px;
}
.c26c71c08c2e8cd71 img {
    width: 220px;
height:auto;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--accent);
}
.c343bfaf879738d41 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.hm5hv8z2wyu { border: 1px dashed #cabc88; padding: 4px 24px; }
.ca644e55c7c3cfd74 {
    display: flex;
    align-items: center;
    gap: 8px;
}
.c4aae5ea61c144370 {
    font-size: 18px;
    font-weight: 600;
     color: var(--color-light);
}
.c0063f1d707b87e30 {
    background: var(--accent);
    color: var(--bg);
    font-size: 12px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 50px;
}
.cba5abd1ff6741c93 {
    font-size: 14px;
    color: var(--color-light);
    opacity: 0.8;
}
.cba5abd1ff6741c93 p {
 color: var(--color-light);
}
.cba5abd1ff6741c93 time {
    margin-left: 5px;
    color: var(--accent);
}

@media (max-width: 1025px) {
    .cfbc303e59d432e99 {
        flex-direction: column;
        text-align: center;
    }

    .c26c71c08c2e8cd71 img {
        width: 75px;
        height: 75px;
    }
}
[data-menu-item] {
    position: relative;
}
.cc3f17692f303f664 {
    display: flex;
    align-items: center;
    gap: 6px;
}
.cc3f17692f303f664 a {
    color: var(--color-light);
}
[data-submenu-toggle] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid var(--color-accent);
    border-radius: 50%;
    background: transparent;
    color: var(--color-accent);
    cursor: pointer;
}
[data-submenu-icon] {
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    color: var(--color-accent);
    transition: transform 0.2s ease;
}
.ej0n7mbt96j { padding-left: 21px; color: rgb(91, 30, 145); padding-right: 43px; margin: 4px; }
[data-submenu-toggle][aria-expanded="true"] [data-submenu-icon] {
    transform: rotate(180deg);
}
[data-submenu] {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 200px;
    padding: 12px;
    background: var(--bg-dark);
    border: 1px solid var(--color-accent);
    border-radius: 8px;
    z-index: 1000;
}
[data-submenu][is-open] {
    display: block;
}
[data-submenu] [data-menu-item] {
    margin-bottom: 10px;
}
[data-submenu] [data-menu-item]:last-child {
    margin-bottom: 0;
}
[data-submenu] a {
    color: var(--color-light);
}
.caf8db1d181d65c1b {
    display: none;
}
@media (max-width: 768px) {
    .ce7df45a3103770d5 {
        position: relative;
        z-index: 1000;
    }

    .cc3cc7d6e6c4d1e6c {
        position: relative;
        z-index: 1002;
    }

    .ce98b9c20d80652fc {
        position: relative;
        z-index: 1002;
    }

    .caf8db1d181d65c1b {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
            background-color: var(--color-accent);
        cursor: pointer;
        padding: 8px;
    }

    #header-menu {
        display: none;
        position: fixed;
        inset: 0;
        background: var(--bg-dark);
        z-index: 999;
        align-items: center;
        justify-content: center;
    }

    #header-menu[is-open] {
        display: flex;
    }

    #header-menu .c12110cd8b1bfe595 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }

    #header-menu [data-menu-item] {
        text-align: center;
    }

    #header-menu .cc3f17692f303f664 {
        justify-content: center;
    }

    #header-menu a {
        font-size: 1.25rem;
        color: var(--color-light);
    }

    #header-menu [data-submenu] {
        position: static;
        min-width: auto;
        padding: 10px 0 0;
        background: transparent;
        border: 0;
        border-radius: 0;
    }

    #header-menu [data-submenu] [data-menu-item] {
        margin-bottom: 8px;
    }

    #header-menu [data-submenu] a {
        font-size: 1rem;
        color: var(--color-light);
        opacity: 0.8;
    }
}