:root {
    --header-h: 62px;
}

.page-bg {
    background-color: #00010C;
}

.page-sections-bg {
    position: relative;
    z-index: 0;
    background-color: #00010C;
    background-image: url("../img/pagebg.webp");
    background-position: top center;
    background-repeat: repeat-y;
    background-size: 100% auto;
}

@media (max-width: 767px) {
    .page-sections-bg {
        background-image: url("../img/pagebgmobile.webp");
    }
}

.hero-strip {
    position: relative;
}

.hero-strip img {
    display: block;
    position: relative;
    z-index: 1;
}

.hero-strip::after {
    background: radial-gradient(62% 80% at 50% 0%, rgba(176, 40, 239, .28) 0%, rgba(176, 40, 239, .14) 36%, rgba(176, 40, 239, 0) 72%);
    content: "";
    height: 58px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(100% - 4px);
    z-index: 0;
}

.soutez-popup {
    --soutez-popup-bg: rgba(0,0,0,0.55);
    --soutez-popup-box-bg: #F40009;
    --soutez-popup-counter-bg: #000000;
    --soutez-popup-title: #ffffff;
    --soutez-popup-text: #ffffff;
    --soutez-popup-btn-bg: #000000;
    --soutez-popup-btn-color: #ffffff;
    --soutez-popup-close: #ffffff;
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.soutez-popup__backdrop {
    position: absolute;
    inset: 0;
    background: var(--soutez-popup-bg);
}

.soutez-popup__box {
    position: relative;
    max-width: 560px;
    width: calc(100% - 32px);
    max-height: calc(100vh - 32px);
    margin: 0 auto;
    background: var(--soutez-popup-box-bg);
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
    overflow: hidden;
}

.soutez-popup__content {
    padding: 26px 22px 22px;
    text-align: center;
    overflow: hidden;
}

.soutez-popup__title {
    margin: 0 0 12px;
    color: var(--soutez-popup-title);
    font-size: 34px;
    font-weight: 900;
    line-height: 1.05;
}

.soutez-popup__text {
    margin: 0;
    color: var(--soutez-popup-text);
    font-size: 16px;
    line-height: 1.6;
}

.soutez-popup__countdown {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.soutez-popup__countdown-item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--soutez-popup-counter-bg);
    padding: 10px 6px;
    color: var(--soutez-popup-title);
}

.soutez-popup__countdown-item span {
    display: inline-block;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    transform: translate3d(0, 0, 0);
    will-change: transform, opacity;
}

.soutez-popup__countdown-item span.is-changing {
    animation: soutez-popup-count 360ms cubic-bezier(.22, 1, .36, 1);
}

.soutez-popup__countdown-item small {
    margin-top: 4px;
    color: var(--soutez-popup-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.soutez-popup__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    margin-top: 18px;
    padding: 0 20px;
    border-radius: 8px;
    background: var(--soutez-popup-btn-bg);
    color: var(--soutez-popup-btn-color);
    font-weight: 800;
    text-decoration: none;
}

.soutez-popup__close {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: var(--soutez-popup-close);
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
}

@media (max-width:360px) {
    .soutez-popup__box {
        width: calc(100% - 20px);
    }

    .soutez-popup__title {
        font-size: 28px;
    }

    .soutez-popup__countdown {
        gap: 6px;
    }

    .soutez-popup__countdown-item span {
        font-size: 22px;
    }
}

@keyframes soutez-popup-count {
    0% {
        opacity: .2;
        transform: translate3d(0, 85%, 0);
    }

    55% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}





html {
    scrollbar-color: #2EA9B8 #00010C;
}

img {
    -webkit-user-drag: none;
    user-select: none;
}

body.admin-bar #siteHeader {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar #siteHeader {
        top: 46px;
    }
}

::-webkit-scrollbar {
    background: #00010C;
}

::-webkit-scrollbar-track {
    background: #00010C;
}

::-webkit-scrollbar-thumb {
    background: #2EA9B8;
}

.home-how {
    position: relative;
    overflow: hidden;
    padding: clamp(72px, 7vw, 120px) 0 clamp(36px, 4.2vw, 64px);
}

.home-how .container {
    position: relative;
    z-index: 1;
    max-width: 1440px;
}

.home-how__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(24px, 5vw, 90px);
    max-width: 1420px;
    margin: clamp(34px, 4vw, 58px) auto 0;
}

.home-how__steps::before {
    content: "";
    position: absolute;
    top: 38px;
    left: 12.5%;
    right: 12.5%;
    border-top: 2px dashed var(--c-teal);
    opacity: .9;
}

.home-how__step {
    position: relative;
    text-align: center;
}

.home-faq__chevron {
    transition: transform .2s ease;
}

.home-faq__question[aria-expanded="true"] .home-faq__chevron {
    transform: rotate(180deg);
}

[data-code-history-toggle][aria-expanded="true"] .home-faq__chevron {
    transform: rotate(180deg);
}

.home-faq__answer {
    max-height: 0;
    transition: max-height .32s ease, opacity .24s ease;
}

.home-faq__answer.is-open {
    max-height: 520px;
    opacity: 1;
}

.home-faq__link:hover,
.home-faq__show-all:hover {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(46,169,184,.95), 0 0 20px rgba(176,40,239,.65);
}

.register-field {
    position: relative;
    display: block;
    min-height: 64px;
}

.register-field[hidden],
[data-register-only][hidden],
[data-register-or-reset][hidden] {
    display: none !important;
}

.register-field__input {
    width: 100%;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 9999px;
    background: transparent;
    padding: 0 24px;
    color: #fff;
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 42px;
    outline: none;
}

.register-field [data-error-for] {
    position: absolute;
    left: 0;
    top: 46px;
    margin-top: 0 !important;
}

.register-field__label {
    position: absolute;
    left: 20px;
    top: 21px;
    padding: 0 6px;
    background: rgb(9,24,82);
    color: #fff;
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-50%);
    transition: top .18s ease, transform .18s ease, font-size .18s ease, color .18s ease;
    pointer-events: none;
}

.register-field__input:focus + .register-field__label,
.register-field__input:not(:placeholder-shown) + .register-field__label {
    top: 0;
    font-size: 14px;
    color: #ffffff;
    transform: translateY(-50%);
}

.registration-info-link {
    color: rgba(255,221,69,.7);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .18s ease, text-shadow .18s ease;
}

.registration-info-link:hover {
    color: var(--c-teal);
    text-shadow: 0 0 10px rgba(46,169,184,.95), 0 0 20px rgba(176,40,239,.65);
}

.registration-checkbox-error:not(.hidden) {
    display: block;
}

.auth-forgot-link {
    display: block;
    width: max-content;
    margin: 8px 0 0 20px;
    color: #fff;
}

@media (min-width: 768px) {
    #cinestarAuthForm[data-auth-mode="forgot"] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        column-gap: 24px;
    }

    #cinestarAuthForm[data-auth-mode="forgot"] [data-auth-fields] {
        grid-column: 1;
        grid-template-columns: minmax(0, 1fr);
        margin: 0;
    }

    #cinestarAuthForm[data-auth-mode="forgot"] [data-auth-message] {
        grid-column: 1 / -1;
    }

    #cinestarAuthForm[data-auth-mode="forgot"] [data-auth-submit-row] {
        grid-column: 2;
        display: flex;
        align-items: start;
        margin-top: 0;
    }

    #cinestarAuthForm[data-auth-mode="forgot"] [data-auth-submit-spacer] {
        display: none;
    }

    #cinestarAuthForm[data-auth-mode="forgot"] [data-auth-submit] {
        margin-top: 0;
    }

    #cinestarAuthForm[data-auth-mode="forgot"] [data-auth-links] {
        grid-column: 1 / -1;
    }
}

.btn-purple {
    background: radial-gradient(120% 95% at 18% 0%, rgba(255,255,255,.55) 0%, rgba(255,255,255,.18) 24%, rgba(255,255,255,0) 48%), #b92ff1;
    color: #fff;
    box-shadow: 0 0 12px rgba(255,255,255,.24), 0 0 18px rgba(185,47,241,.68);
}

.btn-purple:hover {
    color: #fff;
    box-shadow: 0 0 16px rgba(255,255,255,.36), 0 0 28px rgba(185,47,241,.82);
}

.bonus-code-form__field {
    position: relative;
    display: block;
    min-width: 0;
}

.bonus-code-form__input {
    width: 100%;
    height: 54px;
    border: 2px solid rgba(255,255,255,.78);
    border-radius: 9999px 0 0 9999px;
    background: transparent;
    padding: 0 28px;
    text-align: center;
    color: #fff;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .03em;
    outline: none;
}

.bonus-code-form__label {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 8px;
    background: #0b1852;
    color: rgba(255,255,255,.82);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .03em;
    transform: translate(-50%, -50%);
    transition: top .18s ease, transform .18s ease, font-size .18s ease, color .18s ease;
    pointer-events: none;
    white-space: nowrap;
}

.bonus-code-form__input:focus + .bonus-code-form__label,
.bonus-code-form__input:not(:placeholder-shown) + .bonus-code-form__label {
    top: 0;
    color: #fff;
    font-size: 13px;
    transform: translate(-50%, -50%);
}

.bonus-code-form__button {
    height: 54px;
    min-width: 180px;
    border: 2px solid rgba(255,255,255,.78);
    border-radius: 0 9999px 9999px 0;
    background: #2ea9b8;
    color: #fff;
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: 27px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .14em;
    box-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.bonus-code-form__button:hover {
    filter: brightness(1.08);
    box-shadow: 0 0 12px rgba(255,255,255,.34), 0 0 24px rgba(46,169,184,.8);
}

.bonus-code-form__button:active {
    transform: translateY(1px) scale(.98);
}

@media (max-width: 639px) {
    .bonus-code-form__input {
        height: 50px;
        border-radius: 9999px;
        font-size: 14px;
    }

    .bonus-code-form__button {
        width: 100%;
        min-width: 0;
        height: 50px;
        margin-top: 12px;
        border-radius: 9999px;
        font-size: 23px;
    }
}

#registrace input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;
}

@media (min-width: 1024px) {
    :root {
        --header-h: 100px;
    }
}

@media (max-width: 767px) {
    .home-how {
        padding: 38px 0 44px;
    }

    .home-how__steps {
        grid-template-columns: 1fr;
        gap: 0;
        max-width: 330px;
        margin-top: 30px;
    }

    .home-how__steps::before {
        display: block;
        top: 38px;
        bottom: 38px;
        left: 38px;
        right: auto;
        width: 0;
        border-top: 0;
        border-left: 2px dashed var(--c-teal);
    }

    .home-how__step {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        column-gap: 18px;
        align-items: center;
        min-height: 86px;
        text-align: left;
    }

    .home-how__number {
        grid-row: 1 / 3;
    }

    .home-how__step-title {
        grid-column: 2;
    }

    .home-how__step-text {
        grid-column: 2;
    }

    .home-prizes__scroller + .home-prizes__scroller {
        margin-top: 16px;
    }
}

.home-prizes__scroller {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.home-prizes__scroller::-webkit-scrollbar {
    display: none;
}

.home-quizzes__scroller {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.home-quizzes__scroller::-webkit-scrollbar {
    display: none;
}

.nav-inline a,
.mobile-nav a {
    position: relative;
    display: inline-block;
    transition: transform .18s ease, color .18s ease, opacity .18s ease, text-shadow .18s ease;
    will-change: transform;
}

.nav-inline a::after,
.mobile-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 3px;
    background: var(--c-teal);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s ease, box-shadow .22s ease;
    opacity: .9;
    box-shadow: 0 0 0 rgba(46,169,184,0);
}

.nav-inline a:hover,
.mobile-nav a:hover {
    transform: translateY(-1px);
    color: #ffffff;
    text-shadow: 0 0 10px rgba(46,169,184,.95), 0 0 20px rgba(176,40,239,.65);
}

.nav-inline a:hover::after,
.mobile-nav a:hover::after {
    transform: scaleX(1);
    box-shadow: 0 0 10px rgba(46,169,184,.95), 0 0 18px rgba(176,40,239,.75);
}

.nav-inline .current-menu-item>a::after,
.nav-inline .current_page_item>a::after,
.mobile-nav .current-menu-item>a::after,
.mobile-nav .current_page_item>a::after {
    transform: scaleX(1);
}

#mobileMenu {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform: translateY(-8px);
    transition: max-height .38s ease, opacity .24s ease, transform .38s ease, visibility .38s ease;
}

#mobileMenu.is-open {
    max-height: 520px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#mobileMenu .mobile-nav>li {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .24s ease, transform .32s ease;
}

#mobileMenu.is-open .mobile-nav>li {
    opacity: 1;
    transform: translateY(0);
}

#mobileMenu.is-open .mobile-nav>li:nth-child(1) {
    transition-delay: .13s;
}

#mobileMenu.is-open .mobile-nav>li:nth-child(2) {
    transition-delay: .18s;
}

#mobileMenu.is-open .mobile-nav>li:nth-child(3) {
    transition-delay: .23s;
}

#mobileMenu.is-open .mobile-nav>li:nth-child(4) {
    transition-delay: .28s;
}

#mobileMenu.is-open .mobile-nav>li:nth-child(5) {
    transition-delay: .33s;
}

#mobileMenu.is-open .mobile-nav>li:nth-child(6) {
    transition-delay: .38s;
}

#menuToggle[aria-expanded="true"] [data-line="1"] {
    top: 12px;
    transform: rotate(45deg);
}

#menuToggle[aria-expanded="true"] [data-line="2"] {
    opacity: 0;
}

#menuToggle[aria-expanded="true"] [data-line="3"] {
    top: 12px;
    transform: rotate(-45deg);
}

.scroll-top {
    position: fixed;
    right: 28px;
    bottom: 28px;
    width: 46px;
    height: 46px;
    border-radius: 9999px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease, box-shadow .2s ease;
    z-index: 9999;
}

.scroll-top:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 0 14px rgba(46,169,184,.9), 0 0 28px rgba(176,40,239,.65);
}

.footer-link {
    position: relative;
    display: inline-block;
    transition: transform .18s ease, color .18s ease, opacity .18s ease, text-shadow .18s ease;
    will-change: transform;
}

.footer-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 3px;
    background: var(--c-teal);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s ease, box-shadow .22s ease;
    opacity: .9;
    box-shadow: 0 0 0 rgba(46,169,184,0);
}

.footer-link:hover {
    transform: translateY(-1px);
    color: #ffffff;
    text-shadow: 0 0 10px rgba(46,169,184,.95), 0 0 20px rgba(176,40,239,.65);
}

.footer-link:hover::after {
    transform: scaleX(1);
    box-shadow: 0 0 10px rgba(46,169,184,.95), 0 0 18px rgba(176,40,239,.75);
}

.footer-social {
    border-radius: 9px;
    background: #fff;
    padding: 6px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.footer-social img {
    object-fit: contain;
}

.footer-social:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 0 14px rgba(46,169,184,.9), 0 0 28px rgba(176,40,239,.65);
}

.footer-social:active {
    transform: translateY(1px) scale(.94);
    box-shadow: 0 0 8px rgba(46,169,184,.7), 0 0 16px rgba(176,40,239,.5), inset 0 3px 8px rgba(0,0,0,.18);
}

.scroll-top svg {
    transition: transform .2s ease;
}

.scroll-top:hover svg {
    transform: translateY(-2px);
}

.scroll-top:active {
    transform: translateY(1px) scale(.94);
    box-shadow: 0 0 8px rgba(46,169,184,.7), 0 0 16px rgba(176,40,239,.5), inset 0 3px 8px rgba(0,0,0,.18);
}

.scroll-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hero-astronaut {
    animation: hero-astronaut-float 5.8s ease-in-out infinite;
    transform-origin: 50% 45%;
    will-change: transform;
}

.hero-prize {
    transform-origin: 50% 50%;
    will-change: transform;
}

@media (min-width: 1024px) {
    .hero-prize-1 {
        animation: hero-debris-a 8.8s ease-in-out infinite;
    }

    .hero-prize-2 {
        animation: hero-debris-b 10.4s ease-in-out infinite;
        animation-delay: -1.6s;
    }

    .hero-prize-3 {
        animation: hero-debris-c 9.6s ease-in-out infinite;
        animation-delay: -3.1s;
    }

    .hero-prize-4 {
        animation: hero-debris-b 11.2s ease-in-out infinite;
        animation-delay: -4.4s;
    }

    .hero-prize-5 {
        animation: hero-debris-c 12s ease-in-out infinite;
        animation-delay: -2.2s;
    }

    .hero-prize-6 {
        animation: hero-debris-a 9.8s ease-in-out infinite;
        animation-delay: -5.5s;
    }

    .hero-prize-7 {
        animation: hero-debris-b 10.8s ease-in-out infinite;
        animation-delay: -2.8s;
    }

    .hero-prize-8 {
        animation: hero-debris-c 9.2s ease-in-out infinite;
        animation-delay: -6.2s;
    }

    .hero-prize-9 {
        animation: hero-debris-a 11.6s ease-in-out infinite;
        animation-delay: -3.7s;
    }
}

html.is-browser-zoom-125 .hero-prize-5 {
    top: -18% !important;
}

@keyframes hero-astronaut-float {
    0%,
    100% {
        transform: translateY(0) rotate(-.35deg);
    }

    50% {
        transform: translateY(-16px) rotate(.35deg);
    }
}

@media (min-width: 1024px) {
    @keyframes hero-astronaut-float {
        0%,
        100% {
            transform: translateY(0) rotate(-.25deg);
        }

        50% {
            transform: translateY(-22px) rotate(.25deg);
        }
    }
}

@keyframes hero-debris-a {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(-.35deg);
    }

    35% {
        transform: translate3d(8px, -10px, 0) rotate(.45deg);
    }

    70% {
        transform: translate3d(-5px, 7px, 0) rotate(-.15deg);
    }
}

@keyframes hero-debris-b {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(.25deg);
    }

    40% {
        transform: translate3d(-7px, -8px, 0) rotate(-.4deg);
    }

    75% {
        transform: translate3d(6px, 5px, 0) rotate(.2deg);
    }
}

@keyframes hero-debris-c {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(-.2deg);
    }

    45% {
        transform: translate3d(5px, 9px, 0) rotate(.35deg);
    }

    80% {
        transform: translate3d(-8px, -5px, 0) rotate(-.3deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-astronaut {
        animation: none;
        transform: none;
        will-change: auto;
    }

    .hero-prize {
        animation: none;
        transform: none;
        will-change: auto;
    }
}