/* Global blackout override: black page background, no decorative scene elements outside panels/cards */
html, body{
    background: #000 !important;
}

body{
    min-height: 100vh;
    background-image: none !important;
}

body::before, body::after, .pf-header::before, .pf-header::after, .pf-about-section::before{
    content: none !important;
    display: none !important;
}

.pf-about-section, .pf-footer-shell{
    background: #000 !important;
    background-image: none !important;
}

.pf-about-grid, .pf-about-orb{
    display: none !important;
}

/* Keep the actual frames/panels/cards visible, only simplify the world behind them */
.pf-header{
    background: transparent !important;
}

@media (max-width: 767px) {
    .pf-about-section, .pf-footer-shell{
        background: #000 !important;
    }
}

/* Global obsidian sapphire + royal blue + platinum-luxe background override for the full site.
   Keeps layout/panels intact while replacing the flat black page backdrop with a richer, more expensive-looking finish. */
html, body{
    background-color: #01030B !important;
    background-image:
        radial-gradient(circle at 14% 9%, rgba(247, 251, 255, 0.14) 0%, rgba(247, 251, 255, 0.07) 12%, rgba(247, 251, 255, 0) 30%),
        radial-gradient(circle at 82% 11%, rgba(159, 199, 255, 0.20) 0%, rgba(159, 199, 255, 0.09) 17%, rgba(159, 199, 255, 0) 38%),
        radial-gradient(circle at 50% 24%, rgba(52, 111, 255, 0.16) 0%, rgba(52, 111, 255, 0.08) 18%, rgba(52, 111, 255, 0) 40%),
        radial-gradient(circle at 52% 78%, rgba(17, 53, 127, 0.38) 0%, rgba(17, 53, 127, 0.20) 24%, rgba(17, 53, 127, 0) 55%),
        linear-gradient(180deg, rgba(247, 251, 255, 0.08) 0%, rgba(247, 251, 255, 0.018) 10%, rgba(247, 251, 255, 0) 24%),
        linear-gradient(148deg, #081838 0%, #11357F 28%, #071330 54%, #050D1E 76%, #01030B 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-size: 1250px 900px, 1180px 860px, 1300px 940px, 1500px 1120px, 100% 100%, 100% 100% !important;
}

body{
    background-image:
        radial-gradient(circle at 14% 9%, rgba(247, 251, 255, 0.14) 0%, rgba(247, 251, 255, 0.07) 12%, rgba(247, 251, 255, 0) 30%),
        radial-gradient(circle at 82% 11%, rgba(159, 199, 255, 0.20) 0%, rgba(159, 199, 255, 0.09) 17%, rgba(159, 199, 255, 0) 38%),
        radial-gradient(circle at 50% 24%, rgba(52, 111, 255, 0.16) 0%, rgba(52, 111, 255, 0.08) 18%, rgba(52, 111, 255, 0) 40%),
        radial-gradient(circle at 52% 78%, rgba(17, 53, 127, 0.38) 0%, rgba(17, 53, 127, 0.20) 24%, rgba(17, 53, 127, 0) 55%),
        linear-gradient(180deg, rgba(247, 251, 255, 0.08) 0%, rgba(247, 251, 255, 0.018) 10%, rgba(247, 251, 255, 0) 24%),
        linear-gradient(148deg, #081838 0%, #11357F 28%, #071330 54%, #050D1E 76%, #01030B 100%) !important;
}

.pf-about-section, .pf-footer-shell{
    background: transparent !important;
    background-image: none !important;
}

@media (max-width: 767px) {
    .pf-about-section, .pf-footer-shell{
        background: transparent !important;
    }
}