/* Основные Кнопки */
    .home-screen-button {
        background: #252525;color:white;padding: 20px;border-radius: 10px;border: 4px solid #303030;
    }
/* индекс */
    .tabLogin {display: none;border-top: none;}
    .logoanim {filter: drop-shadow(0px 0px 0px #fff);animation: anim-logo 15s infinite;}
    @keyframes anim-logo {0% {filter: drop-shadow(0px 0px 0px #fff);} 15% {filter: drop-shadow(0px 0px 0px #fff);} 50% {filter: drop-shadow(0px 25px 50px #fff);} 75% {}}

    .appearance-xionsx {animation: appearance-xp 2s 2s both;}
    @keyframes appearance-xp { from {opacity: 100%;} to {opacity: 0%;} }
/* появление на главной лого с загрузкой */

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--loader-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* Плавный вылет вверх */
    transition: transform var(--loader-speed) cubic-bezier(0.85, 0, 0.15, 1);
}

.loader-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.loader-logo {
    width: 140px; /* Размер логотипа в лоадере */
    height: auto;
    opacity: 0;
    transform: translateY(20px);
    /* Мягкое появление логотипа */
    animation: fadeInLogo 0.8s forwards ease-out 0.4s;
    filter: brightness(1.2);
}

.loader-progress {
    width: 120px;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.loader-bar {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--accent-orange);
    /* Анимация заполнения полоски */
    animation: fillBar 1.6s forwards cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* Анимации */
@keyframes fadeInLogo {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fillBar {
    to { width: 100%; }
}

/* Класс для скрытия лоадера (активируется через JS) */
.loader-hidden {
    transform: translateY(-100%);
}

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */

/* */