/* Preloader Styles */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000; /* Или любой другой цвет фона */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preloader__text {
    font-family: monospace;
    font-size: 2.7em;
    color: #fff;
    white-space: nowrap; /* Предотвращает перенос текста */
    overflow: hidden; /* Скрывает текст, который еще не "напечатан" */
    border-right: .12em solid rgb(255, 255, 255); /* Вертикальная черта - курсор */
    animation: typing 2s steps(8, end) forwards, /*  8 шагов, по количеству букв в meteorIT */
               blink-caret .75s step-end infinite;
}

/* Анимация печати */
@keyframes typing {
    from { width: 0 }
    to { width: 8.3ch } /*  8 символов (ch - ширина символа "0") */
}

/* Анимация мигающего курсора */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: rgb(255, 255, 255); }
}


/* Скрыть wrapper пока не загрузится */
.wrapper {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* Плавное появление */
}

.wrapper.loaded {
    opacity: 1;
    display: block; /*  Убедитесь, что он отображается */
}