/* ============================================ */
/* EFFET PLUIE NUMÉRIQUE - OPTIMISÉ */
/* ============================================ */

.digital-rain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0.1; /* Réduit pour éviter le scintillement */
}

.digital-rain::before {
    content: "01001000 01100101 01101100 01101100 01101111 00100000 01010111 01101111 01110010 01101100 01100100 00100001 01000101 01010111 01001111 01010010 01001100 01000100 00100000 01000110 01010010 01000001 01001110 01000011 01000101 00100001 01010100 01000101 01000011 01001000 01001110 01001111 01001100 01001111 01000111 01011001";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 200%;
    font-family: 'Fira Code', monospace;
    font-size: 12px;
    line-height: 2;
    color: #00d4ff;
    word-wrap: break-word;
    animation: digital-rain-fall 30s linear infinite;
    will-change: transform; /* Optimisation performance */
}

@keyframes digital-rain-fall {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(50%);
    }
}

/* Alternative : Effet statique (pas d'animation) */
/*.digital-rain-static {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 0;*/
/*    overflow: hidden;*/
/*    opacity: 0.08;*/
/*    background-image:*/
/*        repeating-linear-gradient(*/
/*            0deg,*/
/*            rgba(0, 212, 255, 0.03) 0px,*/
/*            transparent 1px,*/
/*            transparent 2px,*/
/*            rgba(0, 212, 255, 0.03) 3px*/
/*        ),*/
/*        repeating-linear-gradient(*/
/*            90deg,*/
/*            rgba(0, 212, 255, 0.03) 0px,*/
/*            transparent 1px,*/
/*            transparent 2px,*/
/*            rgba(0, 212, 255, 0.03) 3px*/
/*        );*/
/*    background-size: 100px 100px;*/
/*}*/