body {
            background-color: #0f0f0f;
            color: #e0e0e0;
            overflow-x: hidden; /* Предотвращает появление горизонтального скролла из-за анимаций */
        }
       .paragraf {
    text-align: justify;
    font-family: 'Montserrat', sans-serif; /* Можно указать явно для параграфов */
    font-weight: 400; /* Нормальная толщина */
    line-height: 1.6; /* Оптимальная высота строки для читаемости */
}

        /* Эффект при наведении на пункты меню */
        .nav-link {
            transition: color 0.3s ease, transform 0.2s ease;
            font-weight: 500;
        }
        .nav-link:hover {
            color: #dc3545 !important; /* Красный цвет */
            transform: translateY(-2px);
        }

        /* Красная полоса слева от текста */
        .lead-quote {
            border-left: 4px solid #dc3545;
            padding-left: 1.5rem;
            transition: border-color 0.5s ease;
        }
        .lead-quote:hover {
            border-left-color: #ff4d5e;
        }

        /* Свечение для заголовка (glow-red) */
        .glow-red {
            text-shadow: 0 0 15px rgba(220, 53, 69, 0.5);
        }

        /* Эффект для изображений (снятие ЧБ при наведении) */
        .grayscale-effect {
            filter: grayscale(100%);
            transition: all 0.5s ease;
            cursor: pointer;
        }
        .grayscale-effect:hover {
            filter: grayscale(0%);
            transform: scale(1.05);
            z-index: 10;
        }
        h2 {
            color: #dc3545;
            text-align: left;
            font-size: 2rem;
        }
        /* Стили для иконок в заголовках */
        h3 i {
            color: #dc3545;
            margin-right: 10px;
        }

        /* --- НОВЫЕ СТИЛИ ДЛЯ ВРАЩАЮЩЕГОСЯ БУРА --- */
        
        /* 1. Настраиваем родительский блок */
        .stats-box {
            position: relative;
            /* overflow: hidden нужен, чтобы вращающийся квадрат не вылезал за скругленные углы блока */
            overflow: hidden; 
            /* z-index нужен, чтобы контент был точно выше псевдо-элемента */
            z-index: 1;
        }

        /* 2. Создаем псевдо-элемент для картинки бура */
        .stats-box::before {
            content: "";
            position: absolute;
            z-index: -1; /* Убираем его НАЗАД под текст */
            
            /* Задаем размеры области вращения. Делаем квадрат, чтобы вращение было ровным */
            width: 400px; 
            height: 400px;
            
            /* Центрируем этот квадрат по вертикали относительно родителя и сдвигаем влево */
            top: 50%;
            left: -100px; /* Регулируйте это число, чтобы высунуть бур сильнее или слабее */
            transform: translateY(-50%); /* Центрирование по вертикали */

            /* Подключаем картинку */
            background-image: url('img/bur.png');
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            
            /* Делаем картинку полупрозрачной, чтобы текст читался */
            opacity: 0.25;

            /* Применяем анимацию */
            /* имя | длительность | функция времени | задержка | количество повторов | направление */
            animation: spinBur 20s linear infinite;
        }

        /* 3. Ускоряем вращение при наведении на родительский блок */
        .stats-box:hover::before {
            animation-duration: 3s; /* Быстрое вращение (было 20s, стало 3s) */
        }

        /* 4. Определяем саму анимацию вращения */
        @keyframes spinBur {
            from {
                /* Важно: сохраняем translateY(-50%) для центрирования и добавляем вращение */
                transform: translateY(-50%) rotate(0deg);
            }
            to {
                transform: translateY(-50%) rotate(360deg);
            }
        }
        
        /* Эффект для цифр при наведении (оставили с прошлого раза) */
        .stats-box h2, .stats-box .display-3 {
            transition: color 0.3s ease;
        }
        .stats-box:hover h2 {
            color: #dc3545;
        }
        /* -------------------------------------------------- */

        footer {
            background-color: #0a0a0a;
        }





.ural{
    max-width: 400px;
}