/* --- GRID BACKGROUND --- */
.grid-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Se place derrière tout le contenu */
    background-color: #0b0e14; /* Couleur de fond principale */
    
    /* Création de la grille avec des linear-gradients */
    background-image: 
        linear-gradient(rgba(0, 212, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 212, 255, 0.05) 1px, transparent 1px);
    background-size: 50px 50px; /* Taille des carreaux de la grille */
    
    /* Masque radial pour créer l'effet de fondu sur les bords */
    mask-image: radial-gradient(circle at center, black 0%, transparent 80%);
    -webkit-mask-image: radial-gradient(circle at center, black 0%, transparent 80%);
}

/* Optionnel : Un deuxième calque pour une lueur centrale douce */
.grid-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 50%, rgba(0, 212, 255, 0.08) 0%, transparent 60%);
    pointer-events: none;
}