/* Start custom CSS *//* 1. SEITEN-BASIS */
body {
    background-color: #0a0b0d; /* Removed !important to allow page-level overrides */
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    overflow-x: hidden;
}

/* 2. THE BACKGROUND GRID (UNDERLAY) */
/* Using body::before as a fixed layer ensures it stays behind everything */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Grid Logic */
    background-image: 
        radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.15) 1px, transparent 0),
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    
    background-size: 80px 80px;
    z-index: -10; /* Put it at the very bottom of the stack */
    pointer-events: none;
    
    /* Fade out effect */
    mask-image: radial-gradient(circle at center, black 30%, transparent 90%);
    -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 90%);
}

/* 3. GLOW EFFECTS (STILL IN BACKGROUND) */
.page-glow-container {
    position: fixed; /* Changed to fixed so it stays behind content during scroll */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -9; /* Just above the grid, but still below all sections */
    pointer-events: none;
}

.glow-point {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.45;
}

/* Glow Positions */
.glow-1 { width: 600px; height: 600px; top: 5%; left: -5%; background: radial-gradient(circle, #0066ff 0%, rgba(0, 102, 255, 0) 70%); }
.glow-2 { width: 500px; height: 500px; top: 20%; right: -5%; background: radial-gradient(circle, #00f2ff 0%, rgba(0, 242, 255, 0) 70%); }
.glow-3 { width: 800px; height: 800px; top: 50%; left: 10%; background: radial-gradient(circle, #0044ff 0%, rgba(0, 68, 255, 0) 75%); }
.glow-4 { width: 600px; height: 600px; top: 80%; right: 5%; background: radial-gradient(circle, #0066ff 0%, rgba(0, 102, 255, 0) 70%); }

/* 4. ELEMENTOR COMPATIBILITY */
/* We remove the "!important" from section backgrounds. 
   Now, if you set a background color in Elementor, it will cover the grid. 
   If you leave it empty (default), the grid will show through.
*/
.elementor-section {
    position: relative;
    z-index: 1; /* Ensures sections sit above the background layers */
}

/* 5. OPTIONAL BORDER BOX */
.atm-border-box {
    border: 2px solid #031025;
    border-radius: 20px;
    overflow: hidden;
}/* End custom CSS */