.ghol-page {
    --ghol-text: #0f172a;
    --ghol-accent: #075985;
    --ghol-accent-strong: #0c4a6e;
    --ghol-surface: rgba(255, 255, 255, 0.62);
    --ghol-surface-strong: rgba(255, 255, 255, 0.86);
    --ghol-border: rgba(15, 23, 42, 0.14);
    --ghol-footer-divider: rgba(7, 89, 133, 0.22);
    --ghol-background-color: #f8fafc;
    --ghol-background-image: linear-gradient(180deg, rgba(241, 245, 249, 0.4), rgba(226, 232, 240, 0.12));
    position: relative;
    min-height: 100vh;
    isolation: isolate;
    background-color: var(--ghol-background-color);
    color: var(--ghol-text);
}

.ghol-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--ghol-background-image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(4px);
    transform: scale(1.04);
}

.ghol-page--winter {
    --ghol-text: #0f172a;
    --ghol-accent: #075985;
    --ghol-accent-strong: #0c4a6e;
    --ghol-surface: rgba(255, 255, 255, 0.6);
    --ghol-surface-strong: rgba(255, 255, 255, 0.84);
    --ghol-border: rgba(15, 23, 42, 0.14);
    --ghol-footer-divider: rgba(186, 230, 253, 0.6);
    --ghol-background-color: #eff6ff;
    --ghol-background-image:
        linear-gradient(180deg, rgba(239, 246, 255, 0.18), rgba(224, 242, 254, 0.08)),
        url('/media/gv3bmw33/winter_background_desktop.jpg');
}

.ghol-page--spring {
    --ghol-text: #3f2d3d;
    --ghol-accent: #b45309;
    --ghol-accent-strong: #92400e;
    --ghol-surface: rgba(255, 251, 235, 0.58);
    --ghol-surface-strong: rgba(255, 247, 237, 0.86);
    --ghol-border: rgba(180, 83, 9, 0.2);
    --ghol-footer-divider: rgba(251, 191, 36, 0.38);
    --ghol-background-color: #fff7ed;
    --ghol-background-image:
        radial-gradient(circle at top left, rgba(254, 240, 138, 0.45), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(244, 114, 182, 0.26), transparent 24%),
        linear-gradient(145deg, rgba(255, 247, 237, 0.92), rgba(220, 252, 231, 0.84) 44%, rgba(191, 219, 254, 0.82)),
        url('/media/ogbhjeiv/spring_desktop.png');
}

.ghol-page--summer {
    --ghol-text: #083344;
    --ghol-accent: #0f766e;
    --ghol-accent-strong: #115e59;
    --ghol-surface: rgba(254, 249, 195, 0.42);
    --ghol-surface-strong: rgba(255, 255, 255, 0.78);
    --ghol-border: rgba(15, 118, 110, 0.18);
    --ghol-footer-divider: rgba(45, 212, 191, 0.34);
    --ghol-background-color: #fefce8;
    --ghol-background-image:
        radial-gradient(circle at top, rgba(250, 204, 21, 0.34), transparent 24%),
        radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.32), transparent 26%),
        linear-gradient(160deg, rgba(254, 252, 232, 0.92), rgba(254, 249, 195, 0.76) 38%, rgba(186, 230, 253, 0.8)),
        url('/media/r21ew4fk/summer_desktop.png');
}

.ghol-page--autumn {
    --ghol-text: #451a03;
    --ghol-accent: #c2410c;
    --ghol-accent-strong: #9a3412;
    --ghol-surface: rgba(255, 237, 213, 0.56);
    --ghol-surface-strong: rgba(255, 247, 237, 0.84);
    --ghol-border: rgba(194, 65, 12, 0.22);
    --ghol-footer-divider: rgba(251, 146, 60, 0.35);
    --ghol-background-color: #fff7ed;
    --ghol-background-image:
        radial-gradient(circle at 18% 24%, rgba(251, 146, 60, 0.3), transparent 22%),
        radial-gradient(circle at 80% 14%, rgba(234, 88, 12, 0.26), transparent 18%),
        linear-gradient(165deg, rgba(255, 251, 235, 0.88), rgba(254, 215, 170, 0.8) 42%, rgba(187, 247, 208, 0.56)),
        url('/media/hn1cgjih/autmn_desktop.png');
}

.GHOL_Text p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: var(--ghol-text);
    margin-bottom: 2.5rem;
}

.ghol-page .top-navigation {
    background: linear-gradient(180deg, var(--ghol-surface), transparent);
}

.ghol-page .top-navigation.is-compact {
    background: var(--ghol-surface-strong);
}

.ghol-page footer {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), var(--ghol-surface-strong));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ghol-page footer [role="none"] {
    background-color: var(--ghol-footer-divider);
}

@media (max-width: 540px) {
    .ghol-page--winter {
        --ghol-background-image:
            linear-gradient(180deg, rgba(239, 246, 255, 0.16), rgba(224, 242, 254, 0.08)),
            url('/media/i20fc2t0/winter_background_mobile.jpg');
    }

    .ghol-page--spring {
        --ghol-background-image:
            radial-gradient(circle at top left, rgba(254, 240, 138, 0.45), transparent 28%),
            radial-gradient(circle at 82% 18%, rgba(244, 114, 182, 0.26), transparent 24%),
            linear-gradient(145deg, rgba(255, 247, 237, 0.92), rgba(220, 252, 231, 0.84) 44%, rgba(191, 219, 254, 0.82)),
            url('/media/v5pbqoeu/spring_mobile.png');
    }

    .ghol-page--summer {
        --ghol-background-image:
            radial-gradient(circle at top, rgba(250, 204, 21, 0.34), transparent 24%),
            radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.32), transparent 26%),
            linear-gradient(160deg, rgba(254, 252, 232, 0.92), rgba(254, 249, 195, 0.76) 38%, rgba(186, 230, 253, 0.8)),
            url('/media/bxlnwncr/summer_mobile.png');
    }

    .ghol-page--autumn {
        --ghol-background-image:
            radial-gradient(circle at 18% 24%, rgba(251, 146, 60, 0.3), transparent 22%),
            radial-gradient(circle at 80% 14%, rgba(234, 88, 12, 0.26), transparent 18%),
            linear-gradient(165deg, rgba(255, 251, 235, 0.88), rgba(254, 215, 170, 0.8) 42%, rgba(187, 247, 208, 0.56)),
            url('/media/yjmmg0mq/autmn_mobile.png');
    }
}