html, body {
    background-color: #000000;
    color: #00ff00;
    font-family: Consolas, "Lucida Console", "Courier New", monospace;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%; 
    overflow: hidden; 
}

/* Общий контейнер для логов (main.html) и бут-экрана (index.html) */
.terminal-container {
    display: block; 
    overflow-y: auto; 
    height: 100%;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    padding-bottom: 100px;
    position: absolute;
}

/* Скроллбар */
.terminal-container::-webkit-scrollbar { width: 12px; }
.terminal-container::-webkit-scrollbar-track { background: #000; border-left: 1px solid #003300; }
.terminal-container::-webkit-scrollbar-thumb { background: #00ff00; border-left: 1px solid #000; }
.terminal-container::-webkit-scrollbar-thumb:hover { background: #88ff88; }

.terminal-text {
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 auto;
}

.system-log { color: #88ff88; font-style: italic; opacity: 0.8; }
.error-msg { color: #ff3333; text-shadow: 0 0 5px #ff3333; }
.dir-listing { color: #cccccc; white-space: pre; font-family: inherit; line-height: 1.2; }

/* Тот самый курсор (теперь он всегда СНАРУЖИ текста) */
.cursor {
    display: inline-block; 
    width: 10px; 
    height: 1.1rem; 
    background-color: #00ff00; 
    animation: blink 1s step-end infinite;
    vertical-align: baseline; 
    position: relative;
    top: 2px;
    margin-left: 2px;
}
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* ==========================================
   СТИЛИ СТАРТОВОГО ЭКРАНА (index.html)
   ========================================== */
.boot-screen {
    display: flex;
    justify-content: center; /* Центрируем блок по горизонтали */
    align-items: flex-start; /* Прижимаем к верху (чтобы не прыгал по вертикали) */
    padding-top: 20vh; /* Опускаем на 20% от высоты экрана вниз для красоты */
}

.boot-screen .text-block {
    width: 100%;
    max-width: 650px; /* Жестко ограничиваем ширину на ПК. Остальное уйдет в пустые поля по бокам */
    text-align: left; /* Сам текст внутри блока остается по левому краю */
}

/* На мобилках убираем огромный отступ сверху, там узко */
@media (max-width: 768px) {
    .boot-screen {
        padding-top: 20px;
    }
}

@media (max-width: 768px) {
    .terminal-container { padding: 15px; padding-bottom: 80px; }
    .terminal-text { font-size: 1rem; line-height: 1.3; }
}

.matrix-message {
    font-family: 'Share Tech Mono', monospace;
    color: #00ff00;
    /* Двойная тень создает эффект свечения старого ЭЛТ-монитора */
    text-shadow: 0 0 4px #00ff00, 0 0 12px #00cc00; 
    font-size: 1.1rem; 
    line-height: 1.4;
    letter-spacing: 1px; /* Чуть раздвигаем буквы для стиля */
}