/* Stable Gradient Background - No strobing */

body {
    position: relative;
    background: #000000;
    overflow-x: hidden;
}

/* Static gradient background */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        #000000 0%, 
        #1a0033 25%, 
        #2d0052 50%, 
        #1a0033 75%, 
        #000000 100%);
    z-index: -2;
}

/* Subtle animated gradient overlay */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        circle at 20% 50%,
        rgba(124, 58, 237, 0.15) 0%,
        transparent 50%
    );
    z-index: -1;
    animation: subtle-shift 20s ease-in-out infinite;
}

@keyframes subtle-shift {
    0%, 100% {
        transform: translate(0, 0);
        opacity: 0.3;
    }
    33% {
        transform: translate(10px, -10px);
        opacity: 0.4;
    }
    66% {
        transform: translate(-10px, 10px);
        opacity: 0.35;
    }
}

/* Add a subtle mesh pattern overlay */
.mesh-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(rgba(168, 85, 247, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(168, 85, 247, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    z-index: -1;
    pointer-events: none;
}