:root {
    --page-jum88-primary: #2F6BFF;
    --page-jum88-secondary: #6FA3FF;
    --page-jum88-glow: #A5C4FF;
    --page-jum88-border: #D6E2FF;
    --page-jum88-button-gradient: linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);
    --page-jum88-card-bg: #FFFFFF;
    --page-jum88-text-main: #1F2D3D;
    --page-jum88-background: #F4F7FB;

    /* Override for jum88 specific requirements: black background, yellow/white text */
    --page-jum88-base-bg: #000000; /* Black */
    --page-jum88-text-color-light: #FFFFFF; /* White */
    --page-jum88-text-color-accent: #FFD700; /* Gold/Yellow */
    --page-jum88-card-bg-dark: #1a1a1a; /* Dark gray for cards on black background */
    --page-jum88-border-dark: #333333; /* Dark border */
    --page-jum88-button-bg-dark: #FFD700; /* Yellow button background */
    --page-jum88-button-text-dark: #000000; /* Black text on yellow button */
}

.page-jum88 {
    font-family: 'Arial', sans-serif;
    background-color: var(--page-jum88-base-bg);
    color: var(--page-jum88-text-color-light);
    line-height: 1.6;
    padding-bottom: 80px; /* Space for floating button */
}

.page-jum88__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.page-jum88__hero-section {
    padding-top: 10px; /* Small top padding, body handles header offset */
    padding-bottom: 40px;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: var(--page-jum88-base-bg);
}

.page-jum88__hero-image-wrapper {
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.page-jum88__hero-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.page-jum88__main-title {
    font-size: clamp(2.2rem, 5vw, 3.5rem);
    color: var(--page-jum88-text-color-accent);
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.page-jum88__hero-description {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    color: var(--page-jum88-text-color-light);
    margin-bottom: 30px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}