.system-status {
    font-family: 'Courier New', Courier, monospace; /* Моноширинный шрифт для стиля терминала */
    background: #000;
    padding: 15px;
    color: #00ff00; /* Классический зеленый */
    line-height: 1.5;
}

/* Эффект бегущих точек */
.dots::after {
    content: '';
    animation: loading-dots 1.5s steps(4, end) infinite;
}

@keyframes loading-dots {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: ''; }
}

/* Скрываем вторую строку в начале и показываем её через 3 секунды */
.status-line {
    display: inline-block;
    opacity: 0;
    animation: show-status 0s forwards 3s; /* Появится через 3 сек */
}

@keyframes show-status {
    to { opacity: 1; }
}

/* Мигание слова ACTIVE */
.active-blink {
    font-weight: bold;
    animation: blink 0.8s infinite alternate;
}

@keyframes blink {
    from { opacity: 1; }
    to { opacity: 0.3; }
}

/* (Опционально) Останавливаем анимацию точек через некоторое время */
.dots {
    display: inline-block;
    animation: stop-dots 0s forwards 3s;
}

@keyframes stop-dots {
    to { display: none; } /* Точки исчезнут, когда появится статус */
}