:root {        --primary-color: #FFD700;        --secondary-color: #007BFF;        --dark-background: #1a1a2e;        --light-text: #e0e0e0;        --accent-color: #e94560;        --header-offset: 122px;    }    body {        font-family: 'Arial', sans-serif;        margin: 0;        padding: 0;        background-color: var(--dark-background);        color: var(--light-text);        line-height: 1.6;        padding-top: var(--header-offset);    }    .page-vip777-game-login {        max-width: 1200px;        margin: 0 auto;        padding: 0 15px;    }    .page-vip777-game-login__section-title {        text-align: center;        font-size: 2.5em;        margin-bottom: 40px;        color: var(--primary-color);        position: relative;        padding-bottom: 10px;    }    .page-vip777-game-login__section-title::after {        content: '';        position: absolute;        left: 50%;        bottom: 0;        transform: translateX(-50%);        width: 80px;        height: 4px;        background-color: var(--accent-color);        border-radius: 2px;    }    .page-vip777-game-login__section-title--small {        font-size: 1.8em;        margin-bottom: 30px;    }    .page-vip777-game-login__cta-button,    .page-vip777-game-login__secondary-cta,    .page-vip777-game-login__access-button,    .page-vip777-game-login__game-button,    .page-vip777-game-login__promo-button {        display: inline-block;        padding: 15px 30px;        border-radius: 5px;        text-decoration: none;        font-weight: bold;        transition: background-color 0.3s ease, transform 0.3s ease;        text-align: center;        cursor: pointer;        border: none;    }    .page-vip777-game-login__cta-button {        background-color: var(--primary-color);        color: var(--dark-background);        font-size: 1.2em;        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);    }    .page-vip777-game-login__cta-button:hover {        background-color: #FFEA00;        transform: translateY(-2px);    }    .page-vip777-game-login__secondary-cta,    .page-vip777-game-login__game-button,    .page-vip777-game-login__promo-button {        background-color: var(--secondary-color);        color: white;        font-size: 1em;    }    .page-vip777-game-login__secondary-cta:hover,    .page-vip777-game-login__game-button:hover,    .page-vip777-game-login__promo-button:hover {        background-color: #0060C0;        transform: translateY(-2px);    }    .page-vip777-game-login__access-button {        background-color: var(--accent-color);        color: white;        font-size: 1em;        padding: 12px 25px;        margin: 5px;    }    .page-vip777-game-login__access-button:hover {        background-color: #c0392b;        transform: translateY(-2px);    }    .page-vip777-game-login__hero-section {        position: relative;        display: flex;        align-items: center;        justify-content: center;        min-height: 500px;        color: white;        text-align: center;        overflow: hidden;        margin-bottom: 60px;        padding-top: 10px;    }    .page-vip777-game-login__hero-image {        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        object-fit: cover;        z-index: -1;        filter: brightness(0.5);    }    .page-vip777-game-login__hero-content {        z-index: 1;        max-width: 800px;        padding: 20px;    }    .page-vip777-game-login__hero-title {        font-size: 3.5em;        margin-bottom: 20px;        color: var(--primary-color);        line-height: 1.2;    }    .page-vip777-game-login__hero-subtitle {        font-size: 1.5em;        margin-bottom: 40px;        font-weight: 300;    }    .page-vip777-game-login__payment-providers {        display: flex;        flex-wrap: wrap;        justify-content: center;        align-items: center;        gap: 30px;        width: 100%;        max-width: 100%;        box-sizing: border-box;        padding: 40px 15px;        background-color: #24243e;        border-radius: 8px;        margin-bottom: 60px;    }    .page-vip777-game-login__logo-grid {        display: flex;        flex-wrap: wrap;        justify-content: center;        gap: 30px;        width: 100%;    }    .page-vip777-game-login__payment-logo {        flex: 0 0 auto;        width: 80px;        height: 80px;        max-width: 80px;        max-height: 80px;        box-sizing: border-box;        display: flex;        justify-content: center;        align-items: center;        background-color: rgba(255, 255, 255, 0.1);        border-radius: 10px;        padding: 5px;    }    .page-vip777-game-login__payment-logo img {        display: block;        width: 80px !important;        height: 80px !important;        max-width: 80px !important;        max-height: 80px !important;        object-fit: contain;    }    .page-vip777-game-login__intro-section {        text-align: center;        padding: 60px 20px;        margin-bottom: 60px;        background-color: #2b2b45;        border-radius: 8px;    }    .page-vip777-game-login__intro-text {        font-size: 1.1em;        max-width: 900px;        margin: 0 auto 30px auto;        color: var(--light-text);    }    .page-vip777-game-login__quick-access-section {        padding: 60px 15px;        text-align: center;        margin-bottom: 60px;    }    .page-vip777-game-login__access-links {        display: flex;        flex-wrap: wrap;        justify-content: center;        gap: 20px;        margin-top: 30px;    }    .page-vip777-game-login__games-section {        padding: 60px 15px;        margin-bottom: 60px;        background-color: #24243e;        border-radius: 8px;    }    .page-vip777-game-login__game-categories {        display: grid;        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));        gap: 30px;        margin-top: 40px;    }    .page-vip777-game-login__game-card {        background-color: #2b2b45;        border-radius: 10px;        overflow: hidden;        text-align: center;        padding-bottom: 20px;        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);        transition: transform 0.3s ease;        display: flex;        flex-direction: column;    }    .page-vip777-game-login__game-card:hover {        transform: translateY(-5px);    }    .page-vip777-game-login__game-image {        width: 100%;        height: 200px;        object-fit: cover;        margin-bottom: 15px;    }    .page-vip777-game-login__game-title {        font-size: 1.5em;        color: var(--primary-color);        margin: 10px 15px;    }    .page-vip777-game-login__game-description {        font-size: 0.95em;        color: var(--light-text);        padding: 0 15px;        flex-grow: 1;        margin-bottom: 20px;    }    .page-vip777-game-login__game-button {        margin-top: auto;        margin: 0 15px 15px 15px;        width: calc(100% - 30px);    }    .page-vip777-game-login__promo-section {        padding: 60px 15px;        margin-bottom: 60px;    }    .page-vip777-game-login__promo-grid {        display: grid;        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));        gap: 30px;        margin-top: 40px;    }    .page-vip777-game-login__promo-card {        background-color: #2b2b45;        border-radius: 10px;        overflow: hidden;        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);        transition: transform 0.3s ease;        display: flex;        flex-direction: column;    }    .page-vip777-game-login__promo-card:hover {        transform: translateY(-5px);    }    .page-vip777-game-login__promo-image {        width: 100%;        height: 220px;        object-fit: cover;    }    .page-vip777-game-login__promo-title {        font-size: 1.4em;        color: var(--primary-color);        margin: 15px 20px 10px 20px;    }    .page-vip777-game-login__promo-description {        font-size: 0.95em;        color: var(--light-text);        padding: 0 20px;        flex-grow: 1;        margin-bottom: 20px;    }    .page-vip777-game-login__promo-button {        margin-top: auto;        margin: 0 20px 20px 20px;        width: calc(100% - 40px);    }    .page-vip777-game-login__security-section {        padding: 60px 15px;        margin-bottom: 60px;        background-color: #24243e;        border-radius: 8px;        text-align: center;    }    .page-vip777-game-login__security-features {        display: grid;        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));        gap: 30px;        margin-top: 40px;    }    .page-vip777-game-login__feature-item {        background-color: #2b2b45;        padding: 30px 20px;        border-radius: 10px;        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);    }    .page-vip777-game-login__feature-icon {        width: 100px;        height: 100px;        object-fit: contain;        margin-bottom: 20px;    }    .page-vip777-game-login__feature-title {        font-size: 1.3em;        color: var(--primary-color);        margin-bottom: 10px;    }    .page-vip777-game-login__feature-description {        font-size: 0.9em;        color: var(--light-text);    }    .page-vip777-game-login__faq-section {        padding: 60px 15px;        margin-bottom: 60px;    }    .page-vip777-game-login__faq-list {        max-width: 900px;        margin: 40px auto 0 auto;    }    .page-vip777-game-login__faq-item {        background-color: #2b2b45;        margin-bottom: 15px;        border-radius: 8px;        overflow: hidden;        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);    }    .page-vip777-game-login__faq-question {        display: flex;        justify-content: space-between;        align-items: center;        padding: 20px 25px;        cursor: pointer;        background-color: #36365b;        color: var(--primary-color);        font-size: 1.15em;        font-weight: bold;        user-select: none;        transition: background-color 0.3s ease;    }    .page-vip777-game-login__faq-question:hover {        background-color: #42426f;    }    .page-vip777-game-login__faq-title {        margin: 0;        flex-grow: 1;        text-align: left;        pointer-events: none;    }    .page-vip777-game-login__faq-toggle {        font-size: 1.5em;        line-height: 1;        margin-left: 15px;        pointer-events: none;        transition: transform 0.3s ease;    }    .page-vip777-game-login__faq-item.active .page-vip777-game-login__faq-toggle {        transform: rotate(45deg);    }    .page-vip777-game-login__faq-answer {        max-height: 0;        overflow: hidden;        padding: 0 25px;        opacity: 0;        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;        background-color: #2b2b45;        color: var(--light-text);    }    .page-vip777-game-login__faq-item.active .page-vip777-game-login__faq-answer {        max-height: 2000px !important;        padding: 20px 25px !important;        opacity: 1;    }    .page-vip777-game-login__faq-answer p {        margin: 0;    }    .page-vip777-game-login__blog-section {        padding: 60px 15px;        margin-bottom: 60px;        background-color: #24243e;        border-radius: 8px;    }    .page-vip777-game-login__blog-articles {        display: grid;        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));        gap: 30px;        margin-top: 40px;    }    .page-vip777-game-login__blog-card {        background-color: #2b2b45;        border-radius: 10px;        overflow: hidden;        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);        transition: transform 0.3s ease;        display: flex;        flex-direction: column;    }    .page-vip777-game-login__blog-card:hover {        transform: translateY(-5px);    }    .page-vip777-game-login__blog-image {        width: 100%;        height: 200px;        object-fit: cover;    }    .page-vip777-game-login__blog-title {        font-size: 1.3em;        margin: 15px 20px 10px 20px;    }    .page-vip777-game-login__blog-title a {        color: var(--primary-color);        text-decoration: none;        transition: color 0.3s ease;    }    .page-vip777-game-login__blog-title a:hover {        color: #FFEA00;        text-decoration: underline;    }    .page-vip777-game-login__blog-excerpt {        font-size: 0.9em;        color: var(--light-text);        padding: 0 20px;        flex-grow: 1;        margin-bottom: 15px;    }    .page-vip777-game-login__blog-date {        font-size: 0.85em;        color: #aaa;        padding: 0 20px 20px 20px;        margin-top: auto;        display: block;    }    .page-vip777-game-login img:not(.page-vip777-game-login__payment-logo img) {        max-width: 100%;        height: auto;        box-sizing: border-box;        display: block;    }    @media (max-width: 768px) {        body {            padding-top: var(--header-offset);        }        .page-vip777-game-login__hero-title {            font-size: 2.2em;        }        .page-vip777-game-login__hero-subtitle {            font-size: 1.2em;        }        .page-vip777-game-login__cta-button {            font-size: 1em;            padding: 12px 25px;        }        .page-vip777-game-login__section-title {            font-size: 1.8em;            margin-bottom: 30px;        }        .page-vip777-game-login__section-title--small {            font-size: 1.5em;        }        .page-vip777-game-login__payment-providers {            flex-direction: row;            flex-wrap: wrap;            justify-content: center;            gap: 16px;            padding: 20px 10px;            margin-bottom: 40px;        }        .page-vip777-game-login__payment-logo,        .page-vip777-game-login__payment-logo img {            width: 80px !important;            height: 80px !important;            max-width: 80px !important;            max-height: 80px !important;        }        .page-vip777-game-login__intro-section,        .page-vip777-game-login__quick-access-section,        .page-vip777-game-login__games-section,        .page-vip777-game-login__promo-section,        .page-vip777-game-login__security-section,        .page-vip777-game-login__faq-section,        .page-vip777-game-login__blog-section {            padding: 40px 10px;            margin-bottom: 40px;        }        .page-vip777-game-login__access-links {            flex-direction: column;            gap: 10px;        }        .page-vip777-game-login__access-button {            width: 100% !important;            max-width: 100% !important;            box-sizing: border-box !important;            margin: 0 !important;            word-wrap: break-word !important;            overflow-wrap: break-word !important;            word-break: break-word !important;        }        .page-vip777-game-login__game-categories,        .page-vip777-game-login__promo-grid,        .page-vip777-game-login__security-features,        .page-vip777-game-login__blog-articles {            grid-template-columns: 1fr;            gap: 20px;        }        .page-vip777-game-login__faq-question {            padding: 15px 20px;            font-size: 1em;        }        .page-vip777-game-login__faq-answer {            padding: 0 20px;        }        .page-vip777-game-login__faq-item.active .page-vip777-game-login__faq-answer {            padding: 15px 20px !important;        }        .page-vip777-game-login img:not(.page-vip777-game-login__payment-logo img) {            max-width: 100% !important;            height: auto !important;            box-sizing: border-box !important;        }    }