body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f4f4f4;
}

header {
    display: flex;
    justify-content: center; /* Логотип по центру */
    padding: 20px;
    background-color: #fff;
}

.logo {
    max-width: 600px;
    height: auto;
}

main {
    flex: 1;
    padding: 20px;
    display: flex;
    justify-content: center;
}

.columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* Четыре одинаковых столбца */
    gap: 20px;
    width: 100%;
    max-width: 1400px; /* Увеличил для четырёх столбцов */
}

.column {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.column h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.column ul {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 16px;
    color: #555;
}

/* Убираем точки только в четвёртом столбце */
.column:nth-child(4) ul {
    list-style-type: none;
}

/* Возвращаем точку для пункта с классом with-bullet */
.column:nth-child(4) ul li.with-bullet {
    list-style-type: disc;
}

.column ul li {
    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
}

/* Задержки для всех столбцов (0.3s) */
.column ul li:nth-child(1) { animation-delay: 0s; }
.column ul li:nth-child(2) { animation-delay: 0.3s; }
.column ul li:nth-child(3) { animation-delay: 0.6s; }
.column ul li:nth-child(4) { animation-delay: 0.9s; }
.column ul li:nth-child(5) { animation-delay: 1.2s; }
.column ul li:nth-child(6) { animation-delay: 1.5s; }
.column ul li:nth-child(7) { animation-delay: 1.8s; }
.column ul li:nth-child(8) { animation-delay: 2.1s; }
.column ul li:nth-child(9) { animation-delay: 2.4s; }
.column ul li:nth-child(10) { animation-delay: 2.7s; }
.column ul li:nth-child(11) { animation-delay: 3s; }
.column ul li:nth-child(12) { animation-delay: 3.3s; }
.column ul li:nth-child(13) { animation-delay: 3.6s; }
.column ul li:nth-child(14) { animation-delay: 3.9s; }
.column ul li:nth-child(15) { animation-delay: 4.2s; }
.column ul li:nth-child(16) { animation-delay: 4.5s; }
.column ul li:nth-child(17) { animation-delay: 4.8s; }
.column ul li:nth-child(18) { animation-delay: 5.1s; }
.column ul li:nth-child(19) { animation-delay: 5.4s; }
.column ul li:nth-child(20) { animation-delay: 5.7s; }
.column ul li:nth-child(21) { animation-delay: 6s; }
.column ul li:nth-child(22) { animation-delay: 6.3s; }
.column ul li:nth-child(23) { animation-delay: 6.6s; }
.column ul li:nth-child(24) { animation-delay: 6.9s; }
.column ul li:nth-child(25) { animation-delay: 7.2s; }
.column ul li:nth-child(26) { animation-delay: 7.5s; }
.column ul li:nth-child(27) { animation-delay: 7.8s; }
.column ul li:nth-child(28) { animation-delay: 8.1s; }
.column ul li:nth-child(29) { animation-delay: 8.4s; }
.column ul li:nth-child(30) { animation-delay: 8.7s; }

/* Ускорение для четвёртого столбца (0.1s) */
.column:nth-child(4) ul li:nth-child(1) { animation-delay: 0s; }
.column:nth-child(4) ul li:nth-child(2) { animation-delay: 0.1s; }
.column:nth-child(4) ul li:nth-child(3) { animation-delay: 0.2s; }
.column:nth-child(4) ul li:nth-child(4) { animation-delay: 0.3s; }
.column:nth-child(4) ul li:nth-child(5) { animation-delay: 0.4s; }
.column:nth-child(4) ul li:nth-child(6) { animation-delay: 0.5s; }
.column:nth-child(4) ul li:nth-child(7) { animation-delay: 0.6s; }
.column:nth-child(4) ul li:nth-child(8) { animation-delay: 0.7s; }
.column:nth-child(4) ul li:nth-child(9) { animation-delay: 0.8s; }
.column:nth-child(4) ul li:nth-child(10) { animation-delay: 0.9s; }
.column:nth-child(4) ul li:nth-child(11) { animation-delay: 1s; }
.column ul li:nth-child(12) { animation-delay: 1.1s; }
.column ul li:nth-child(13) { animation-delay: 1.2s; }
.column ul li:nth-child(14) { animation-delay: 1.3s; }
.column ul li:nth-child(15) { animation-delay: 1.4s; }
.column ul li:nth-child(16) { animation-delay: 1.5s; }
.column ul li:nth-child(17) { animation-delay: 1.6s; }
.column ul li:nth-child(18) { animation-delay: 1.7s; }
.column ul li:nth-child(19) { animation-delay: 1.8s; }
.column ul li:nth-child(20) { animation-delay: 1.9s; }
.column ul li:nth-child(21) { animation-delay: 2s; }
.column ul li:nth-child(22) { animation-delay: 2.1s; }
.column ul li:nth-child(23) { animation-delay: 2.2s; }
.column ul li:nth-child(24) { animation-delay: 2.3s; }
.column ul li:nth-child(25) { animation-delay: 2.4s; }
.column ul li:nth-child(26) { animation-delay: 2.5s; }
.column ul li:nth-child(27) { animation-delay: 2.6s; }
.column ul li:nth-child(28) { animation-delay: 2.7s; }
.column ul li:nth-child(29) { animation-delay: 2.8s; }
.column ul li:nth-child(30) { animation-delay: 2.9s; }

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

footer {
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    font-size: 16px;
    color: #333;
}

.under-construction {
    font-size: 18px;
    font-weight: bold;
    color: #d9534f; /* Красный цвет */
    margin: 0;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .columns {
        grid-template-columns: 1fr; /* Один столбец на мобильных */
    }
}