@font-face {
    font-family: Chango;
    font-style: bold;
    font-weight: 400;
    font-display: swap;
    src: url('../gamespowerwin-fontsrPg/gamespowerwin-chango-regularrPg.woff2') format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../gamespowerwin-fontsrPg/gamespowerwin-roboto-regularrPg.woff2') format("woff2")
}

h1,
h2,
h3,
h4,
p {
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #121011;
    color: #fff;
}

html,
body {
    overflow-x: hidden;
}

ul {
    list-style: none;
    padding: 0;
}

.gamespowerwin-18toprPg {
    background-image: url('../gamespowerwin-imgrPg/gamespowerwin-18+toprPg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 23px;
    height: 10px;
    flex-shrink: 0;
}

.gamespowerwin-navrPgbarrPg-containerrPg-toprPg p {
    font-family: Roboto;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.gamespowerwin-navrPgbarrPg-containerrPg-toprPg {
    background: linear-gradient(90deg, #00C8CD 0%, #505CC8 51.92%, #5635C6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 2px 0px;
}

.hero-containerrPg {
    max-width: 1240px;
    border-radius: 30px;
    background-image: url('../gamespowerwin-imgrPg/gamespowerwin-herorPg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center;
}

.gamespowerwin-p_container-descrrPg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.gamespowerwin-p_container-descrrPg div {
    width: 131px;
    height: 109px;
    background-repeat: no-repeat;
    background-position: center;
}

.pic1rPg {
    background-image: url('../gamespowerwin-imgrPg/gamespowerwin-globusrPg.png');
}

.pic2rPg {
    background-image: url('../gamespowerwin-imgrPg/gamespowerwin-molniarPg.png');
}

.pic3rPg {
    background-image: url('../gamespowerwin-imgrPg/gamespowerwin-diamondrPg.png');
}

.pic4rPg {
    background-image: url('../gamespowerwin-imgrPg/gamespowerwin-rocketrPg.png');
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.gamespowerwin-navrPgbarrPg {
    background: linear-gradient(180deg, #121011 46.63%, #331E2A 100%);
}

.gamespowerwin-navrPgbarrPg-containerrPg {
    display: flex;
    justify-content: space-between;
    max-width: 1240px;
    margin: 0 auto;
    align-items: center;
    padding: 10px 24px;
}

/* Navbar */

.gamespowerwin-navrPgbarrPg .container {
    background: #FFFFFF33;
    padding: 8px 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    position: relative;
    /* ВАЖНО: для абсолютного меню */
    max-width: 1340px;
    margin: 0px auto;
    z-index: 10;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    backdrop-filter: blur(10px)
}

.gamespowerwin-navrPg {
    display: flex;
    gap: 32px;
    margin: 0;
    align-items: center;
}

.gamespowerwin-navrPgbarrPg nav a {
    font-family: Roboto;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.3s ease;
    color: #B0CAFF;
}

.gamespowerwin-navrPgbarrPg nav a:hover {
    color: #fff;
    font-weight: 600;
}

.gamespowerwin-navrPgbarrPg nav a.active {
    color: #fff;
    font-weight: 700;
}

.gamespowerwin-navrPgbarrPg .gamespowerwin-logorPg {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: Chango;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    text-transform: uppercase;
}

.gamespowerwin-burgerrPg {
    display: none;
    cursor: pointer;
}

/* Hero */
.gamespowerwin-herorPg {
    background-size: cover;
    background-position: center;
    padding-top: 16px;
    padding-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px;
}

.gamespowerwin-infoherorPg {
    display: flex;
    padding-left: 24px;
    padding-right: 24px;
    min-height: 552px;
}

.gamespowerwin-herorPg h1 {
    font-family: Chango;
    font-weight: 400;
    font-style: Bold;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
}

.gamespowerwin-herorPg p {
    font-family: Roboto;
    font-weight: 400;
    font-style: SemiBold;
    font-size: 16px;
}

.gamespowerwin-descr_blockrPg {
    max-width: 562px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    padding: 40px 0px;
    justify-content: center;
}

.gamespowerwin-btn-signuprPg {
    width: 96%;
    font-family: Chango;
    font-weight: 600;
    font-style: Bold;
    font-size: 20px;
    background: #F595CD;
    color: #0F0F0F;
    padding: 16px 10px;
    border: none;
    text-decoration: none;
    border-radius: 10px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    text-align: center;
}

.gamespowerwin-btn-signuprPg-cityrPg {
    width: 100%;
    font-family: Chango;
    font-weight: 600;
    font-style: Bold;
    font-size: 20px;
    background: #F595CD;
    color: #0F0F0F;
    padding: 11px 10px;
    border: none;
    text-decoration: none;
    border-radius: 15px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    text-align: center;
}

.btn-blockrPg {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    max-width: 860px;
}

.gamespowerwin-btn-likerPg {
    background: transparent;
    border: 1px solid #F595CD;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 44px;
    border-radius: 15px;
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #fff;
}

.gamespowerwin-textrPg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-bottom: 70px;
    align-items: stretch;
}

.gamespowerwin-div-obrPg {
    display: flex;
    align-items: center;
    gap: 24px;
}

.gamespowerwin-div-2rPg {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.gamespowerwin-div-2rPg p {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
}

.gamespowerwin-p_container-listrPg {
    display: flex;
    gap: 24px;
    margin: 0;
    justify-content: center;
}

.gamespowerwin-p_container-listrPg h3 {
    font-family: Chango;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}

.gamespowerwin-p_container-listrPg-itemrPg p {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    text-align: center;
}

.gamespowerwin-p_container-listrPg-itemrPg {
    width: 100%;
    border-radius: 25px;
    border: 1px solid #453955;
    background: linear-gradient(180deg, #06090F 0%, #2C2333 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 32px 24px;
}

.gamespowerwin-textrPg .title-gametextrPg {
    font-family: Chango;
    font-weight: 400;
    font-style: Bold;
    font-size: 40px;
    text-align: center;
}

.gamespowerwin-div-2-titlerPg {
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: justify;
}

.gamespowerwin-div-2-titlerPg p {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
}

/* Popular Games */

.gamespowerwin-populargamesrPg {
    background:
        linear-gradient(180deg,
            #06090F 0%,
            rgba(6, 9, 15, 0.61) 17.98%,
            rgba(6, 9, 15, 0) 50.97%,
            rgba(6, 9, 15, 0.61) 81.26%,
            #06090F 100%),
        url('../gamespowerwin-imgrPg/gamespowerwin-gamebackrPg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 16px;
}

.gamespowerwin-textrPg-gamerPg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.gamespowerwin-game-blockrPg {
    background: linear-gradient(180deg, #121011 46.63%, #331E2A 100%);
    border: 1px solid #6D485E;
    /* пример */
    width: 100%;
    max-width: 860px;
    aspect-ratio: 860 / 602;
    /* сохраняем пропорции */
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gamespowerwin-populargamesrPg .gamespowerwin-textrPg-gamerPg h2 {
    font-family: Chango;
    font-weight: 400;
    font-style: Regular;
    font-size: 34px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
}


/* Responsible */
.gamespowerwin-responsiblerPg-containerrPg {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0px 24px;
}

.gamespowerwin-responsiblerPg-listrPg {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
    margin: 0;
    background: linear-gradient(180deg, #121011 46.63%, #331E2A 100%);
    border: 1px solid #6D485E;
    border-radius: 40px;
    padding: 30px 10px 16px 10px;
}

.gamespowerwin-responsiblerPg-listrPg h3 {
    font-family: Chango;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 38px;
}

.gamespowerwin-responsiblerPg-listrPg p {
    max-width: 1120px;
    margin: 0 auto;
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.gamespowerwin-responsiblerPg {
    padding-bottom: 60px;
}

/* Provided Styles for .new-block */
.new-block {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 0 24px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.new-block-title {
    font-family: Chango;
    font-weight: 400;
    font-size: 26px;
    line-height: 33px;
    color: #FFFFFF;
    max-width: 608px;
    padding-bottom: 24px;
}

.new-block-descr {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    max-width: 608px;
    padding-bottom: 16px;
    border-bottom: 2px solid #6D485E;
}

.survey-container-pic {
    background-image: url('../gamespowerwin-imgrPg/gamespowerwin-game.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 630px;
    height: auto;
    border-radius: 40px;
    border: 1px solid #6D485E;
}

/* --- General Survey Container --- */
.survey-container {
    display: flex;
    gap: 20px;
    width: 100%;
}

/* --- Questions Panel Styles --- */
.questions-panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* Increased spacing between question groups */
    width: 100%;
    padding-top: 16px;
}

.question-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.question-text {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    text-align: left;
    /* Align question text to the left */
}

.rating-options {
    display: flex;
    gap: 8px;
    padding: 8px 0px;
    /* Adjusted gap between rating buttons */
}

.rating-btn {
    flex: 1;
    height: 42px;
    background-color: #FFFFFF;
    color: #505050;
    border: none;
    border-radius: 27px;
    /* Slightly rounded corners */
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s, border 0.2s;
    outline: 2px solid transparent;
    max-width: 106px;
}

/* Selected state simulation (for visual consistency with the theme) */
.rating-btn.selected {
    background-color: #A3D977;
    /* Purple color */
    color: #FFFFFF;
    outline: 2px solid #FFFFFF;
}

.rating-btn:hover {
    background-color: #A3D977;
    /* Purple color */
    color: #FFFFFF;
    outline: 2px solid #FFFFFF;
}

/* --- Submit Button Style --- */
.submit-btn {
    width: 100%;
    /* Slightly larger */
    margin-top: 40px;
    background: #F595CD;
    /* Adjusted gradient order to match the image */
    border: none;
    border-radius: 15px;
    color: #000;
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.2s;
    letter-spacing: 1px;
    padding: 8px 10px;
}

.survey-content {
    width: 100%;
}

.submit-btn:hover {
    opacity: 0.9;
}

/* --- Thank You Block Styles (Image 2) --- */
.thank-you-block {
    width: 100%;
    padding: 60px 20px;
    background-color: #000;
    /* Main purple background */
    border-radius: 40px;
    margin-top: 48px;
}

/* Provided Styles for h2 in thank-you-block */
.thank-you-block h2 {
    font-family: Chango;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 16px;
    text-shadow: 0px 4px 4px #5BC0BE99;
    color: #FFFFFF;
}

/* Provided Styles for p in thank-you-block */
.thank-you-block p {
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #DCDCDC;
    margin: 0;
}

.thank-you-buttons {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 545px;
    margin: 0 auto;
}

.ty-btn {
    width: 90%;
    padding: 24px 24px;
    background: #F595CD;
    color: #0F0F0F;
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    border-radius: 15px;
    transition: 0.2s;
    text-decoration: none;
}

.ty-btn2 {
    width: 90%;
    padding: 24px 24px;
    background: transparent;
    border: 1px solid #F595CD;
    color: #fff;
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    border-radius: 15px;
    transition: 0.2s;
    text-decoration: none;
}

.ty-btn:hover {
    background: #d9d9d9;
}

.hidden {
    display: none;
}

/* --- Contacts Section --- */
.gamespowerwin-contacts {
    padding-top: 60px;
}

.gamespowerwin-contacts h1 {
    font-family: Bungee;
    font-weight: 700;
    font-size: 70px;
    line-height: 90%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 60px;
    padding-right: 10px;
    padding-left: 10px;
}

.gamespowerwin-contacts h2 {
    font-family: Chango;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    padding-bottom: 16px;
}

.contact-container {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    padding: 0px 24px;
    padding-bottom: 100px;
}

.contact-top-p {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFFCC;
    max-width: 630px;
    margin: 0 auto;
    padding-bottom: 16px;
    padding-right: 10px;
    padding-left: 10px;
}

.form-and-info-wrapper {
    width: 100%;
    max-width: 630px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
}

.form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form input,
.form textarea {
    background: #fff;
    color: #131313;
    border: none;
    padding: 17px 24px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    border-radius: 12px;
}

.form button {
    background: #F595CD;
    color: #000;
    border-radius: 15px;
    border: none;
    padding: 16px 10px;
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    line-height: 120%;
}

.contact-details h3 {
    font-family: Inter;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    padding-bottom: 8px;
}

.contpage-title {
    font-family: Inter !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 120% !important;
    padding-bottom: 8px !important;
}

.contact-details p {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #FFFFFFCC;
}

.image-wrapper {
    justify-content: center;
    align-items: center;
}

.image-wrapper img {
    max-width: 100%;
    height: auto;
}

.status {
    font-family: Chango;
    font-weight: 400;
    border-radius: 30px;
    margin-top: 15px;
    padding: 10px;
    background-color: green;
    display: none;
    text-align: center;
}

.form.active .status {
    display: block
}

.mail-block {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mail-block p {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.form label {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}


/* Footer */
footer {
    background: linear-gradient(180deg, #121011 46.63%, #331E2A 100%);
    padding: 24px 24px 40px 24px;
}

.gamespowerwin-footer-gridrPg {
    padding: 0px 24px 0px 24px;
    max-width: 1240px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.gamespowerwin-footer-gridrPg h2 {
    font-family: Chango;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    margin-bottom: 24px;
}

.gamespowerwin-footer-gridrPg p {
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    text-align: center;
}

.gamespowerwin-block_1rPg {
    display: flex;
    gap: 40px;
}

.gamespowerwin-links-containerrPg {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0px 16px;
}

.gamespowerwin-partnersrPg {
    max-width: 700px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.gamespowerwin-coopyrightrPg {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-right: 16px;
    padding-left: 16px;
    justify-content: center;
}

.gamespowerwin-coopyrightrPg a {
    font-family: Roboto;
    font-weight: 400;
    color: #F595CD;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration-style: solid;
}

.gamespowerwin-coopyrightrPg p {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 155%;
}

.gamespowerwin-policyrPg {
    display: flex;
    gap: 56px;
    margin: 0;
}

.hover-opacityrPg:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;

}

.policy-containerrPg h1 {
    font-family: Chango;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 20px;
}

.visually-hiddenrPg {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

iframe {
    width: 100%;
    height: 67%;
}

@media(max-width: 1064px) {
    .gamespowerwin-p_container-listrPg {
        flex-wrap: wrap;
    }
}

@media(max-width: 983px) {

    .gamespowerwin-navrPgbarrPg .container {
        margin-bottom: 50px;
    }

    .gamespowerwin-herorPg h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 120%;
    }

    .gamespowerwin-herorPg p {
        font-size: 17px;
        font-style: normal;
        max-width: 702px;
    }

    .gamespowerwin-herorPg-about h1 {
        font-size: 44px;
        font-weight: 700;
        line-height: 120%;
    }

    .gamespowerwin-herorPg-about p {
        font-size: 17px;
        font-style: normal;
        max-width: 702px;
    }

    .gamespowerwin-div-obrPg {
        display: flex;
        align-items: center;
        gap: 24px;
        flex-direction: column;
    }


    .gamespowerwin-about .container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .gamespowerwin-navrPg {
        display: none;
        /* спрятано по умолчанию */
        flex-direction: column;
        position: absolute;
        top: 110px;
        /* сразу под шапкой */
        right: 0px;
        width: 100%;
        background: linear-gradient(180deg, #06090F 0%, #2C2333 100%);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
        z-index: 1000;
        padding-top: 20px;
        padding-bottom: 20px;
        /* поверх всего */
    }

    .gamespowerwin-navrPg a {
        padding: 10px 16px;
    }

    .gamespowerwin-navrPg.active {
        display: flex;
        /* показать меню */
    }

    .gamespowerwin-navrPgbarrPg .container {
        padding: 10px 16px;
    }

    .gamespowerwin-about-info {
        flex-wrap: wrap;
    }

    .survey-container-pic {
        display: none;
    }

    .image-wrapper {
        display: none;
    }

    .contact-container {
        max-width: 1280px;
        margin: 0 auto;
        display: flex;
        gap: 20px;
        padding: 0px 24px;
        padding-bottom: 100px;
        justify-content: center;
    }
}

@media(max-width: 665px) {
    .gamespowerwin-descr_blockrPg {
        gap: 10px;
    }

    .btn-blockrPg {
        display: flex;
        align-items: stretch;
        gap: 24px;
        width: 100%;
        max-width: 860px;
        flex-direction: column;
    }

    .gamespowerwin-btn-likerPg {
        text-align: center;
        justify-content: center;
    }

    .gamespowerwin-div-1rPg img {
        width: 100%;
    }

    .gamespowerwin-navrPgbarrPg .container {
        margin-bottom: 24px;
    }

    .gamespowerwin-infoherorPg {
        display: flex;
        padding-left: 16px;
        min-height: 431px;
    }

    .gamespowerwin-herorPg h1 {
        font-family: Chango;
        font-weight: 400;
        font-size: 26px;
        line-height: 33px;
    }

    .gamespowerwin-herorPg p {
        font-size: 16px;
    }

    .gamespowerwin-about {
        padding: 32px 16px;
    }

    .gamespowerwin-populargamesrPg .gamespowerwin-textrPg-gamerPg h2 {
        font-size: 24px;
    }

    .gamespowerwin-about-info h2 {
        font-size: 24px;
    }

    .gamespowerwin-about-info-descr-container p {
        font-size: 14px;
    }

    .gamespowerwin-block_1rPg {
        display: flex;
        flex-direction: column;
    }

    .gamespowerwin-block_1rPg div {
        width: 100%;
    }

    .gamespowerwin-partnersrPg {
        display: none;
    }

    .gamespowerwin-coopyrightrPg {
        flex-direction: column-reverse;
        gap: 30px;
        justify-content: space-between;
    }

    .gamespowerwin-policyrPg {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;
    }

    .ty-btn {
        width: 90%;
        padding: 12px 10px;
    }

    .ty-btn2 {
        width: 90%;
        padding: 12px 10px;
    }

    .thank-you-block h2 {
        font-family: Chango;
        font-weight: 400;
        font-size: 26px;
    }

    .gamespowerwin-textrPg h2 {
        font-family: Chango;
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        letter-spacing: 0%;
    }

    .gamespowerwin-div-2rPg {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }

    .gamespowerwin-p_container-listrPg h3 {
        font-size: 18px;
    }

    .gamespowerwin-p_container-listrPg-itemrPg p {
        font-size: 14px;
    }

    .gamespowerwin-footer-gridrPg {
        flex-wrap: wrap;
        gap: 20px;
    }

    .accordion-header {
        font-size: 15px;
    }

    .gamespowerwin-btn-signuprPg {
        width: 80%;
        padding: 11px 16px;
    }

    .thank-you-block {
        width: 80%;
    }

    .gamespowerwin-textrPg .title-gametextrPg {
        font-family: Chango;
        font-weight: 400;
        font-size: 26px;
        line-height: 33px;
        text-align: center;
    }


    .gamespowerwin-descr_blockrPg {
        padding: 50px 0px;
    }

    .gamespowerwin-navrPgbarrPg-containerrPg-toprPg p {
        font-size: 10px;
    }

    .hero-containerrPg {
        max-width: 1240px;
        border-radius: 30px;
        background-image: url('../gamespowerwin-imgrPg/gamespowerwin-heromob.webp');
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: center;
    }

}

@media(max-width: 360px) {

    .gamespowerwin-navrPgbarrPg .container {
        margin: 0px;
    }


    .gamespowerwin-descr_blockrPg {
        padding: 34px 0px;
    }

    .gamespowerwin-navrPgbarrPg .gamespowerwin-logorPg {
        font-size: 14px;
    }
}

.policy-containerrPg {
    max-width: 1240px;
    margin: 0 auto;
    padding: 60px 20px;
}

.policy-sectionrPg {
    margin-bottom: 45px;
}

/* --- Стили для типографики --- */
.disclaimer-cont {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 24px 70px 24px;
}

.disclaimer-cont h1 {
    font-family: Chango;
    font-weight: 400;
    font-size: 40px;
    line-height: 41px;
    text-align: center;
    color: #FFFFFF;
}

.disclaimer-cont h2 {
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
}

.disclaimer-cont p {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}



@media (max-width: 768px) {

    .policy-sectionrPg h2 {
        font-size: 16px;
    }
}

/* =========================================================================
   18+ POP-UP Стили
========================================================================= */

/* Модальное окно (оверлей) */
.age-gate-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    /* Темное, полупрозрачное затемнение */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* Очень высокий Z-индекс, чтобы перекрыть все */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.age-gate-modal.active {
    opacity: 1;
    visibility: visible;
}

/* Контент Pop-up'а */
.age-gate-content {
    background-color: #121011;
    /* Темно-синий фон, как на картинке */
    border-radius: 15px;
    padding: 24px;
    max-width: 500px;
    width: 90%;
    text-align: center;
    color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-family: Rubik;
}

.age-gate-title {
    font-family: Chango;
    font-weight: 400;
    font-size: 26px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

.age-gate-text {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    /* Светло-голубой цвет текста */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер кнопок */
.age-gate-actions {
    display: flex;
    gap: 15px;
    width: 100%;
    margin-top: 15px;
}

/* Базовый стиль кнопки */
.age-gate-btn {
    flex-grow: 1;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    text-align: center;
}

/* Основная кнопка (I am 18 or older) */
.primary-btn {
    background-color: #F595CD;
    /* Яркий синий цвет */
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #0F0F0F;
    border-radius: 15px;
}

.primary-btn:hover {
    background-color: #0b5ed7;
}

/* Второстепенная кнопка (Leave site) */
.secondary-btn {
    background-color: transparent;
    border: 1px solid #F595CD;
    /* Темно-серый/синий, как на картинке */
    color: #FFFFFF;
    font-family: Chango;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    border-radius: 15px;
}

.secondary-btn:hover {
    background-color: #3f4d67;
}

/* Расположение кнопок по макету */

/* Горизонтальное расположение (для десктопа) */
.age-gate-actions.horizontal-layout {
    display: flex;
    flex-direction: column;
}

/* Вертикальное расположение (для мобильных) */
.age-gate-actions.vertical-layout {
    display: none;
    /* Скрыть на десктопе */
    flex-direction: column;
}

/* Медиа-запрос для мобильного отображения */
@media (max-width: 550px) {
    .age-gate-content {
        padding: 30px 20px;
    }

    .age-gate-actions.horizontal-layout {
        display: none;
        /* Скрыть горизонтальный вариант */
    }

    .age-gate-actions.vertical-layout {
        display: flex;
        /* Показать вертикальный вариант */
    }
}