.hidden {
        opacity: 0;
        filter: blur(10px);
        pointer-events: none;
        z-index: -1;
        transition: opacity 0.5s, filter 0.5s;
    }

    .visible {
        opacity: 1;
        filter: blur(0);
        pointer-events: auto;
        z-index: 1;
        transition: opacity 0.5s, filter 0.5s;
    }

    #rec823098314, #rec823098582 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 25;
    }

    /* Анимация для заголовков и текстовых элементов */
    #rec823098314 h1, #rec823098314 h2, #rec823098314 h3, #rec823098314 h4, #rec823098314 h5, #rec823098314 h6, #rec823098314 p, #rec823098314 span, #rec823098314 ul, #rec823098314 li,
    #rec823098582 h1, #rec823098582 h2, #rec823098582 h3, #rec823098582 h4, #rec823098582 h5, #rec823098582 h6, #rec823098582 p, #rec823098582 span, #rec823098582 ul, #rec823098582 li {
        transition: opacity 0.5s, filter 0.5s;
    }