html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    background-color: #121212;
}

header {
    padding: 0.5rem;
}

#bonusCountdown {
    color: #fff;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    /* красивое выравнивание цифр */
    letter-spacing: .3px;
}

.floatUser_x1,
.floatUser_x1 * {
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial
}

.floatUser_x1 {

    padding: 16px 0;
    border-radius: 8px
}

/* wrapper */
.floatUser_x1__field {
    position: relative;
    max-width: 520px;

}

/* input */
.floatUser_x1__input {
    width: 100%;
    padding: 18px 12px 10px;
    /* верхнее больше, чтобы лейблу было куда уезжать */
    font-size: 16px;
    color: #eaf2ff;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    outline: none;
    transition: border-color .2s ease;
}

.floatUser_x1__input:focus {
    border-bottom-color: #ffd24a;

}

/* label */
.floatUser_x1__label {
    position: absolute;
    left: 12px;
    top: 16px;
    color: #cfd6e3;
    font-size: 15px;
    pointer-events: none;
    transition:
        transform .18s ease,
        font-size .18s ease,
        color .18s ease,
        top .18s ease;
}

/* floating states: focus или уже есть значение (не placeholder) */
.floatUser_x1__input:focus~.floatUser_x1__label,
.floatUser_x1__input:not(:placeholder-shown)~.floatUser_x1__label {
    top: 2px;
    font-size: 12px;
    color: #ffd24a;
    transform: translateY(-2px);
}

/* опциональная подсказка */
.floatUser_x1__hint {
    display: block;
    margin-top: 8px;
    color: #95a7bb;
    font-size: 12px
}

/* мобильная подстройка */
@media (max-width:480px) {
    .floatUser_x1 {
        padding: 12px
    }

    .floatUser_x1__input {
        padding: 16px 10px 8px;
        font-size: 15px
    }

    .floatUser_x1__label {
        left: 10px;
        top: 14px;
        font-size: 14px
    }
}

.floatPass_x1,
.floatPass_x1 * {
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial
}

.floatPass_x1 {

    padding: 0 0 14px 0;
    border-radius: 8px
}

/* wrapper */
.floatPass_x1__field {
    position: relative;
    max-width: 520px;

}

/* input (underline style) */
.floatPass_x1__input {
    width: 100%;
    padding: 18px 40px 10px 12px;
    /* справа место под кнопку-глаз */
    font-size: 16px;
    color: #eaf2ff;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    outline: none;
    transition: border-color .2s ease;
}

.floatPass_x1__input:focus {
    border-bottom-color: #ffd24a;

}

/* label */
.floatPass_x1__label {
    position: absolute;
    left: 12px;
    top: 16px;
    color: #cfd6e3;
    font-size: 15px;
    pointer-events: none;
    transition: transform .18s ease, font-size .18s ease, color .18s ease, top .18s ease;
}

/* floating states: focus или уже введено значение */
.floatPass_x1__input:focus~.floatPass_x1__label,
.floatPass_x1__input:not(:placeholder-shown)~.floatPass_x1__label {
    top: 2px;
    font-size: 12px;
    color: #ffd24a;
    transform: translateY(-2px);
}

/* eye button */
.floatPass_x1__eye {
    position: absolute;
    right: 6px;
    top: 8px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #cfe0f4;
    cursor: pointer;
    border-radius: 8px;
}

.floatPass_x1__eye:active {
    transform: scale(.98)
}

.floatPass_x1__eye i {
    font-size: 16px;
    color: #ffffff99;
}

.floatPass_x1__hint {
    margin-top: 6px;
    color: #a5a5a5;
    font-size: 14px;
}

/* mobile */
@media (max-width:480px) {
    .floatPass_x1 {
        padding: 12px
    }

    .floatPass_x1__input {
        padding: 16px 40px 8px 10px;
        font-size: 15px
    }

    .floatPass_x1__label {
        left: 10px;
        top: 14px;
        font-size: 14px
    }
}

/* .fa-solid::before,
.fa-regular::before,
.fa-brands::before {
    content: unset;
} */

/* .fa-solid.fa-eye-slash::before {
    content: "\f070" !important;
}


.fa-solid.fa-eye::before {
    content: "\f06e" !important;
} */

/* eye */
.fa-solid,
.fa-solid * {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.gCheck_u1 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #eaf2ff;
    font: 600 15px/1.25 Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial
}

/* прячем стандартный чекбокс, оставляя его доступным */
.gCheck_u1__input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: -1px;
}

/* бокс */
.gCheck_u1__box {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 2px solid rgba(255, 255, 255, .45);
    background: rgba(255, 255, 255, .03);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    transition: background .18s ease, border-color .18s ease, transform .08s ease;
    position: relative;
}

/* галочка — через псевдоэлемент */
.gCheck_u1__box::after {
    content: "";
    width: 10px;
    height: 6px;
    border: 3px solid #111;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg) scale(0.4);
    opacity: 0;
    transition: transform .16s ease, opacity .16s ease;
}

/* наведение по лейблу */
.gCheck_u1:hover .gCheck_u1__box {
    border-color: #fff9
}

/* фокус по реальному input */
.gCheck_u1__input:focus-visible+.gCheck_u1__box {
    outline: 2px solid rgba(255, 210, 74, .65);
    outline-offset: 2px;
    box-shadow: 0 0 0 6px rgba(255, 210, 74, .12);
}

/* активное нажатие */
.gCheck_u1:active .gCheck_u1__box {
    transform: scale(.98)
}

/* состояние checked */
.gCheck_u1__input:checked+.gCheck_u1__box {
    background: linear-gradient(180deg, #ffd24a, #edbf8c);
    border-color: transparent;
    border: none;
    border-radius: 3px;
    box-shadow: 0 4px 10px rgba(255, 153, 30, .35), inset 0 0 0 1px rgba(0, 0, 0, .22);
}

.gCheck_u1__input:checked+.gCheck_u1__box::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
}

/* disabled-состояние (если нужно) */
.gCheck_u1__input:disabled+.gCheck_u1__box {
    filter: grayscale(.3) brightness(.8);
    cursor: not-allowed;
    border-color: #8a8a8a;
}

.gCheck_u1__input:disabled~.gCheck_u1__text {
    color: #9aa6b3;
    cursor: not-allowed
}

/* текст рядом */
.gCheck_u1__text {
    user-select: none
}

.btn {
    border-radius: 8px;
    height: 40px;
    width: 160px;
    display: flex;
    font-family: 'Inter', sans-serif;
    justify-content: center;
    align-items: center;
    background: linear-gradient(92deg, #FFEBA5 0%, #FFC700 88.31%, #FFE27B 104.38%) !important;
    font-size: 14px;
    color: #000;
}

h2 {
    margin: 0;
    color: rgb(255, 235, 165);
    font-size: 26px;
    max-width: 400px;
    font-family: "DM Serif Display";
    font-weight: 400;
    margin-bottom: 30px;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    background: linear-gradient(92deg, #FFEBA5 0%, #FFC700 88.31%, #FFE27B 104.38%);
    -webkit-text-fill-color: transparent !important;

}

.form {
    background-color: #222;
    margin: 0 auto;
    width: 520px;
    padding: 2.5rem;
    border-radius: 16px;
}

.signup_k1__top {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 30px;

}

.signup_k1__top>img {
    height: 66px;
    width: auto;
    rotate: 10deg;
    animation: GameThumbnail_undread__Ueyac .8s ease-in-out infinite;
    filter: brightness(1);
}

@keyframes GameThumbnail_undread__Ueyac {
    0% {
        transform: rotate(0deg);
    }

    33% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.signup_k1__timer {
    display: flex;
    gap: 5px;
}

.signup_k1__timer img {
    height: 25px;
    width: auto;
}

span.signup_k1__timerText {
    font-family: 'Inter', sans-serif;
    color: #fff;
}

.gCheck_u1-demo {
    margin-bottom: 20px;
}

.form__text {
    font-weight: 100;
    font-size: 14px;
    color: #fff;
    font-family: 'Inter', sans-serif;
}

.form .btn {
    border: 0;
    cursor: pointer;
    width: 100%;
    font-weight: 400;
    height: 56px;
    font-size: 16px;
}

.field__err {
    color: #ff6b6b;
    font-size: 12px;
    margin-top: 6px;
    font-weight: 700
}

.is-error {
    border-bottom-color: #ff6b6b !important;
    box-shadow: none !important
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #ffd24a, #ff9a2b);
    color: #2f1800;
    border: 0;
    padding: 12px 16px;
    border-radius: 12px;
    font-weight: 900;
    cursor: pointer
}

casinoHero_x7 {
    background: #111;
    color: #fff;
    font-family: Arial, sans-serif;
    padding-bottom: 20px;
    text-align: center
}

.casinoHero_x7__topbar {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    background: #1a1a1a
}

.casinoHero_x7__brand {
    font-size: 26px;
    display: flex;
    font-family: 'DM Serif Display';
    font-weight: 700;
    color: #ffd24a;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    background: linear-gradient(92deg, #FFEBA5 0%, #FFC700 88.31%, #FFE27B 104.38%);
    -webkit-text-fill-color: transparent !important;
}

.casinoHero_x7__levels {
    flex: 1;
    display: flex;

    gap: 30px;
    justify-content: center
}

.casinoHero_x7__level {
    min-width: 120px;
    width: 50%;
    cursor: pointer;
    border-radius: .4rem;
    padding: 0.5rem 1rem;

    background-color: #3a3a3a;
}

.casinoHero_x7__label {
    font-size: 14px;
    color: #fff;

    font-family: 'Inter', sans-serif;
    margin-bottom: 6px;
    display: block
}

.casinoHero_x7__progress {
    background: #6e6e6e;
    border-radius: 6px;
    height: 10px;
    width: 100%
}

.casinoHero_x7__progressFill {
    background: linear-gradient(270deg, #1de9b6, #ffe27b 65.39%, #ffc700);
    height: 10px;
    border-radius: 6px
}

.casinoHero_x7__progressFill--alt {
    background: linear-gradient(90deg, #d87eff, #ff70d9)
}

.casinoHero_x7__gift {
    color: #ffd24a;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

.casinoHero_x7__gift img {
    width: 48px;
    height: 48px;
}

.casinoHero_x7__banner {
    min-height: 250px;
    border-radius: 10px;
    display: flex;
    padding: 20px 20px;
    margin: 25px;
    justify-content: center;
    align-items: center;
}

.casinoHero_x7__actions {
    display: flex;
    justify-content: center;
    gap: 20px
}

.casinoHero_x7__action {
    border: 1px solid #ffd24a;
    color: #000;
    background-color: #2b2b2be8;
    position: relative;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.rooting {
    height: auto;
    width: 70px;
    opacity: .5;
    rotate: 10deg;
    animation: Widget_undread__PzhQy .8s ease-in-out infinite;
    filter: brightness(1);

}

@keyframes Widget_undread__PzhQy {
    0% {
        transform: rotate(0deg);
    }

    33% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.casinoHero_x7__action span {
    position: absolute;
    bottom: -15px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0;
    color: #1e1e1e;
    padding: 5px 10px;
    border-radius: 16px;
    background-color: #ffd24a;
}

.casinoHero_x7__games {
    display: flex;
    justify-content: space-around;
    gap: 40px;
    margin: 30px 0;
    flex-wrap: wrap
}

.casinoHero_x7__game img {
    width: 180px;
    border-radius: 12px;
    display: block
}

.casinoHero_x7__note {
    font-size: 14px;
    color: #fff;
    text-align: center;

    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 100px;
}

/* responsive */
@media(max-width:768px) {

    .casinoHero_x7__games {
        gap: 20px
    }



}

.casinoHero_x7__action img.cepi {
    height: auto;
    width: 126px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

iframe {
    flex: 1 1;
    outline: none;
    border: none;
    background: #191919;
}

.casinoHero_x7.full {
    display: flex;
    height: 100vh;
    flex-direction: column;
}

.offerModal_v4 {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999
}

.offerModal_v4.is-open {
    display: block
}

.offerModal_v4__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    backdrop-filter: saturate(120%) blur(2px)
}

.offerModal_v4__dialog {
    position: relative;
    max-width: 550px;
    margin: clamp(40px, 8vh, 80px) auto 0;
    background: #0f0f0f;
    border: 1px solid #ffd24ae8;
    border-radius: 16px;
    color: #fff;
    padding: 28px 22px 28px;
    text-align: center;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 210, 74, .1);
}

.offerModal_v4__close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.offerModal_v4__close i {
    font-size: 18px;
    color: #ffd24a;
}

.offerModal_v4__title {
    font-size: clamp(22px, 2.6vw, 34px);
    font-weight: 900;
    letter-spacing: .2px;
    margin: 8px 8px 6px;
    color: #fff
}

.offerModal_v4__iconWrap {
    position: relative;
    margin: 14px auto 8px;
    width: auto;
    display: flex;

    justify-content: center;
}

.offerModal_v4__iconWrap img {
    display: block;
    max-width: 100%;
    width: auto;
    color: transparent;
    height: 90px;
}

.offerModal_v4__icon {
    font-size: 52px;
    color: #ffd24a;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, #2a2200 0%, #0f0f0f 70%);
    box-shadow: 0 0 34px rgba(255, 210, 74, .55), inset 0 0 22px rgba(255, 210, 74, .15);
}

.offerModal_v4__sparkle {
    position: absolute;
    right: -6px;
    top: -6px;
    filter: drop-shadow(0 0 10px rgba(255, 210, 74, .7));
    animation: offerSpark 1.6s ease-in-out infinite
}

@keyframes offerSpark {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.offerModal_v4__text {
    max-width: 580px;
    margin: 16px auto 18px;
    color: #e9eef7;
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 1.5
}

.offerModal_v4__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 12px 18px;
    border-radius: 12px;
    background: linear-gradient(90deg, #ffd24a, #ff9a2b);
    color: #2a1a00;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(255, 154, 43, .35)
}

.offerModal_v4__btn:active {
    transform: translateY(1px)
}

@media (max-width:520px) {
    .offerModal_v4__dialog {
        margin: 50px auto;
        padding: 22px 14px;
    }


    .offerModal_v4__icon {
        font-size: 46px;
        width: 76px;
        height: 76px
    }
}

.account a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.account a h2 {
    margin-bottom: 0;
}

.lobby .offerModal_v4__title,
.register .offerModal_v4__title {
    color: #fff;
    background: #fff;
    max-width: 100%;
    width: 100%;
    font-size: 32px;
    text-align: center;
}

.lobby .offerModal_v4__text,
.register .offerModal_v4__text {
    font-size: 20px;
}

.lobby .offerModal_v4__btn {
    font-weight: 400;
    background: linear-gradient(97deg, #ffc700 13.41%, #ffe27b 80.3%);
}

.register .offerModal_v4__btn {
    font-size: 14px;
    max-width: 500px;
    width: 100%;
    font-weight: 400;
    background: linear-gradient(97deg, #ffc700 13.41%, #ffe27b 80.3%);

}

.account {
    margin-bottom: 50px;
}

.reg__rew {
    display: block;
    margin: 0 auto;
    height: 28px;
    margin-top: 30px;

}

.reg__star {
    display: block;
    margin: 0 auto;
    height: 24px;
    margin-bottom: 30px;
}

.betty .container {
    max-width: 780px;
    margin: 0 auto;
}

.betty img {
    height: 380px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 40px;
}

.betty h1 {
    margin-bottom: 30px;
}

.betty ul {
    margin: 0;
    margin-bottom: 25px;
}

.betty__text {
    margin: 0;
    line-height: 130%;
    font-size: 20px;
    color: #fff;
}

.betty ul li {
    line-height: 130%;
    font-size: 20px;
    color: #fff;
}

.betty h1 {
    margin: 0;
    color: rgb(255, 235, 165);
    font-size: 48px;
    max-width: 400px;
    font-family: "DM Serif Display";
    font-weight: 400;
    margin-bottom: 30px;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    background: linear-gradient(92deg, #FFEBA5 0%, #FFC700 88.31%, #FFE27B 104.38%);
    -webkit-text-fill-color: transparent !important;

}

.betty .offerModal_v4__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    font-weight: 400;
    padding: 12px 18px;
    border-radius: 12px;
    background: linear-gradient(97deg, #ffc700 13.41%, #ffe27b 80.3%);
    ;
    color: #2a1a00;

    text-decoration: none;
    box-shadow: 0 10px 24px rgba(255, 154, 43, .35);
}

.lobby h3 {
    font-weight: 600;
    font-size: 24px;
}

.lobby ul {}

.lobby ul li {
    text-align: start;
    font-weight: 600;
    font-size: 20px;
}

.offerModal_v4__iconWraper {
    display: flex;
    gap: 15px;
    justify-content: center;

}

.offerModal_v4__iconWraper img {
    height: 48px;
}

@media screen and (max-width:768px) {
    .casinoHero_x7__topbar {
        gap: 8px;
        flex-direction: column;
    }

    .casinoHero_x7__levels {
        flex: 1;
        width: 100%;
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .casinoHero_x7__progress {
        background: #6e6e6e;
        border-radius: 6px;
        height: 8px;
        width: 100%;
    }

    .casinoHero_x7__gift img {
        width: 32px;
        height: 32px;
    }

    .casinoHero_x7__progressFill {
        background: linear-gradient(270deg, #1de9b6, #ffe27b 65.39%, #ffc700);
        height: 8px;
        border-radius: 6px;
    }

    .casinoHero_x7__topbar {
        padding: 15px;
    }

    .casinoHero_x7__label {
        font-size: 12px;
        color: #fff;
        font-family: 'Inter', sans-serif;
        margin-bottom: 6px;
        display: block;
    }

    .casinoHero_x7__gift {
        color: #ffd24a;
        font-size: 20px;
        position: absolute;
        top: 75%;
        transform: translate(0, -75%);
        right: 10px;
    }

    .casinoHero_x7__action {
        border: 1px solid #ffd24a;
        color: #000;
        background-color: #2b2b2be8;
        position: relative;
        border-radius: 50%;
        width: 88px;
        height: 88px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
    }

    .casinoHero_x7__action img.cepi {
        height: auto;
        width: 92px;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    .casinoHero_x7__action span {
        position: absolute;
        bottom: -15px;
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        line-height: 135%;
        letter-spacing: 0;
        white-space: nowrap;
        color: #1e1e1e;
        padding: 5px 10px;
        border-radius: 16px;
        background-color: #ffd24a;
    }

    .casinoHero_x7__banner {
        min-height: 180px;
        border-radius: 10px;
        display: flex;
        padding: 20px 20px;
        margin: 25px;
        justify-content: center;
        align-items: center;
    }

    .casinoHero_x7__games {
        display: flex;
        justify-content: space-around;
        gap: 40px;
        margin: 30px 0;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .casinoHero_x7__note {
        padding: 0 30px;
        margin-bottom: 50px;
        line-height: 160%;
        font-size: 12px;
    }
    .lobby .offerModal_v4__title, .register .offerModal_v4__title {
        color: #fff;
        background: #fff;
        max-width: 100%;
        width: 100%;
        font-size: 24px;
        text-align: center;
    }
    .lobby .offerModal_v4__text, .register .offerModal_v4__text {
        font-size: 16px;
    }
    .offerModal_v4__dialog {
        position: relative;
        max-width: 275px;
        margin: clamp(40px, 8vh, 80px) auto 0;
        background: #0f0f0f;
        border: 1px solid #ffd24ae8;
        border-radius: 16px;
        color: #fff;
        padding: 28px 22px 28px;
        text-align: center;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 210, 74, .1);
    }
    .lobby ul li {
        text-align: start;
        font-weight: 600;
        font-size: 16px;
    }
    .betty__wrap {
        padding: 0 20px;
    }
    .betty h1 {
        margin: 0;
        color: rgb(255, 235, 165);
        font-size: 41px;
        line-height: 104%;
        max-width: 400px;
        font-family: "DM Serif Display";
        font-weight: 400;
        margin-bottom: 30px;
        background-clip: text !important;
        -webkit-background-clip: text !important;
        background: linear-gradient(92deg, #FFEBA5 0%, #FFC700 88.31%, #FFE27B 104.38%);
        -webkit-text-fill-color: transparent !important;
    }
    .betty__text

 {
    margin: 0;
    line-height: 130%;
    font-size: 16px;
    color: #fff;
}
.betty ul li {
    line-height: 130%;
    font-size: 16px;
    color: #fff;
}
.form {
    background-color: #222;
    margin: 0 auto;
    width: 300px;
    
    padding: 2rem;
    
}
.register .offerModal_v4__btn

 {
    font-size: 14px;
    max-width: 243px;
    width: auto;
    font-weight: 400;
    background: linear-gradient(97deg, #ffc700 13.41%, #ffe27b 80.3%);
}
.account {
    margin-bottom: 15px;
}
}

.casinoHero_x7__head {
    display: flex;
    align-items: center;
    gap: 10px;
}
footer {
  background-color: #1a1a1a;
  color: #f5f5f5;
  padding: 40px 20px;
  text-align: center;
  border-top: 3px solid #e50914;
  font-family: 'Arial', sans-serif;
}

footer h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #ff4d4d;
  letter-spacing: 1px;
  margin-left: 40%;
  text-transform: uppercase;
  
}

footer p {
  max-width: 900px;
  margin: 0 auto 25px;
  font-size: 16px;
  line-height: 1.7;
  color: #ddd;
}

.dis__images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.dis__images a img {
  height: 50px;
  width: auto;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.dis__images a img:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

/* Адаптивность */
@media (max-width: 600px) {
  footer h2 {
    font-size: 22px;
  }

  footer p {
    font-size: 14px;
  }

  .dis__images a img {
    height: 40px;
  }
}
.policy {
    background-color: #1a1a1a;
    padding: 50px 20px;
    font-family: 'Arial', sans-serif;
    color: #ffffff;
    line-height: 1.7;
}


.policy .container {
    max-width: 900px;
    margin: 0 auto;
}


.policy h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    color: #ffffff;
    text-align: center;
}

.policy h2 {
    font-size: 1.75rem;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #fffbfb;
}


.policy p {
    font-size: 1rem;
    margin-bottom: 15px;
    color: #ffffff;
}


.policy ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.policy ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #ffffff;
}



@media (max-width: 768px) {
    .policy {
        padding: 40px 15px;
    }

    .policy h1 {
        font-size: 2rem;
    }

    .policy h2 {
        font-size: 1.5rem;
    }

    .policy p, 
    .policy ul li {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .policy h1 {
        font-size: 1.75rem;
    }

    .policy h2 {
        font-size: 1.25rem;
    }

    .policy p, 
    .policy ul li {
        font-size: 0.9rem;
    }
}