/* Базовый стиль шапки */
    .navbar {
        background: rgba(0, 0, 0, 0.7) !important;
        backdrop-filter: blur(6px);
        transition: background 0.3s ease;
    }
    .navbar-brand {
        font-family: 'Cinzel', serif;
        color: #FFFFFF !important;
        letter-spacing: 1px;
        font-size: 1.6rem;
    }
    .navbar-nav .nav-link {
        color: #fff !important;
        padding: 10px 15px;
        transition: color 0.3s ease, border-bottom 0.3s ease;
    }
    .navbar-nav .nav-link:hover {
        color: #7CFC00 !important;
        border-bottom: 2px solid #7CFC00;
    }
    .navbar-nav .nav-link.active {
        color: #7CFC00 !important;
        border-bottom: 2px solid #7CFC00;
    }

    /* Иконка в логотипе */
    .brand-icon {
        height: 32px;
        width: 32px;
        margin-right: 8px;
        opacity: 0;
        transform: scale(0.85);
        transition: opacity 0.6s ease, transform 0.3s ease, filter 0.3s ease;
    }
    /* Плавное появление иконки */
    .navbar-brand .brand-icon {
        animation: fadeInIcon 0.6s forwards;
        animation-delay: 0.2s;
    }
    @keyframes fadeInIcon {
        to {
            opacity: 1;
            transform: scale(1);
        }
    }
    /* Подсветка при наведении */
    .navbar-brand:hover .brand-icon {
        filter: drop-shadow(0 0 6px #FFFFFF);
        transform: scale(1.05);
    }

    /* Анимация всей шапки при загрузке */
    .navbar-animated {
        transform: translateY(-100%);
        animation: slideDownNavbar 0.6s ease forwards;
        animation-delay: 0.1s;
    }
    @keyframes slideDownNavbar {
        to {
            transform: translateY(0);
        }
    }