/* Ultra-Premium Mesh Background Styles */

/* Ensure body has proper setup for mesh background */
body {
    position: relative;
    background: #000000;
    overflow-x: hidden;
    min-height: 100vh;
}

/* Remove conflicting backgrounds */
body::before,
body::after {
    display: none !important;
}

/* Premium mesh container styling */
#premium-mesh-container {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: -1;
    pointer-events: none;
}

/* Canvas performance optimization */
#premium-mesh-primary,
#premium-mesh-wireframe {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
}

/* Ensure content appears above background */
section,
nav,
.glass-card,
.container {
    position: relative;
    z-index: 1;
}

/* Add subtle glow to enhance mesh effect */
#premium-mesh-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        circle at center,
        transparent 0%,
        rgba(0, 0, 0, 0.3) 100%
    );
    pointer-events: none;
}

/* Optimize for smooth animation */
@media (prefers-reduced-motion: reduce) {
    #premium-mesh-primary,
    #premium-mesh-wireframe {
        animation: none !important;
    }
}