body {
    margin: 0;
    height: 100vh;
    background: linear-gradient(
            to bottom,
            #0b1e52 0%, /* deep navy at the top */
            #1c3d91 40%, /* medium blue */ #184091 75%, /* lighter blue */ #2872a9 100% /* sky blue near bottom */
    );
    position: relative;
    overflow: hidden;
}

/* Faint atmospheric glow */
body::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
            circle at 50% 500%,
            rgba(255, 255, 255, 0.1) 0%,
            transparent 80%
    );
    pointer-events: none;
}

/* Rainbow haze effect */
body::after {
    content: "";
    position: absolute;
    bottom: -20%; /* push haze lower */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 80%;
    background: radial-gradient(
            ellipse at center,
            rgba(75, 0, 130, 0.56) 0%, /* red */
            rgba(255, 165, 0, 0.30) 20%, /* orange */
            rgba(255, 255, 0, 0.20) 40%, /* yellow */
            rgba(0, 128, 0, 0.20) 60%, /* green */
            rgba(0, 0, 255, 0.20) 80%, /* blue */
            rgba(75, 0, 130, 0.50) 90%, /* indigo */
            rgba(148, 0, 211, 0.6) 100% /* violet */
    );
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.7;
    pointer-events: none;
}