.page-hero {
    padding: 48px 0 40px;
    position: relative;
}

.page-hero-inner {
    background: var(--sb-dark-soft);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: var(--sb-radius-lg);
    padding: 40px 36px;
}

.page-hero-title {
    font-family: var(--sb-font-heading);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    color: var(--sb-white);
    letter-spacing: -0.8px;
    margin-bottom: 12px;
    line-height: 1.2;
}

.page-hero-desc {
    font-size: 16px;
    color: var(--sb-gray-300);
    line-height: 1.7;
    margin: 0;
    max-width: 680px;
}

.page-content {
    padding: 0 0 80px;
}

.content-panel {
    background: var(--sb-dark-soft);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: var(--sb-radius-lg);
    padding: 40px 36px;
}

.content-panel h2 {
    font-family: var(--sb-font-heading);
    font-size: 20px;
    font-weight: 700;
    color: var(--sb-white);
    margin: 32px 0 14px;
}

.content-panel h2:first-child {
    margin-top: 0;
}

.content-panel p {
    font-size: 15px;
    color: var(--sb-gray-300);
    line-height: 1.8;
    margin-bottom: 16px;
}

.content-panel p:last-child {
    margin-bottom: 0;
}

.content-panel ul {
    padding-left: 20px;
    margin-bottom: 16px;
}

.content-panel li {
    font-size: 15px;
    color: var(--sb-gray-300);
    line-height: 1.75;
    margin-bottom: 8px;
}

.contact-email {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--sb-font-heading);
    font-size: 18px;
    font-weight: 700;
    color: var(--sb-teal-light);
    margin-top: 8px;
}

.contact-email i {
    color: var(--sb-teal);
}

.faq-page-item {
    background: var(--sb-dark-soft);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: var(--sb-radius);
    padding: 24px 28px;
    margin-bottom: 16px;
}

.faq-page-item h3 {
    font-family: var(--sb-font-heading);
    font-size: 17px;
    font-weight: 700;
    color: var(--sb-white);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.faq-page-item h3 i {
    color: var(--sb-teal);
    font-size: 16px;
}

.faq-page-item p {
    font-size: 14px;
    color: var(--sb-gray-500);
    line-height: 1.75;
    margin: 0;
}

.game-play-section {
    padding: 48px 0 40px;
}

.game-play-header {
    margin-bottom: 24px;
}

.game-play-title {
    font-family: var(--sb-font-heading);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800;
    color: var(--sb-white);
    margin-bottom: 8px;
}

.game-play-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--sb-teal-light);
    background: rgba(20, 184, 166, 0.1);
    padding: 6px 14px;
    border-radius: 50px;
}

.game-disclaimer {
    background: rgba(244, 63, 94, 0.08);
    border: 1px solid rgba(244, 63, 94, 0.2);
    border-radius: var(--sb-radius);
    padding: 20px 24px;
    margin-top: 32px;
}

.game-disclaimer h3 {
    font-family: var(--sb-font-heading);
    font-size: 15px;
    font-weight: 700;
    color: var(--sb-white);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.game-disclaimer h3 i {
    color: var(--sb-rose);
}

.game-disclaimer p {
    font-size: 13px;
    color: var(--sb-gray-500);
    line-height: 1.7;
    margin: 0;
}

.games-page-section {
    padding: 0 0 80px;
}
