body {
    margin: 0;
    padding: 0;
    background-color: #000;
    height: 100vh;
    overflow: hidden; /* Скрываем скролл */
    font-family: 'Courier New', Courier, monospace;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Центральный блок с текстом */
.center-box {
    text-align: center;
    z-index: 10; /* Текст всегда поверх фона */
    position: relative;
}

.title {
    color: #4af626; /* Тот самый "хакерский" зеленый */
    /* Если хочешь фиолетовый, раскомментируй строку ниже: */
    /* color: #9d00ff; */
    
    font-size: 2rem;
    margin-bottom: 0.5rem;
    text-shadow: 0 0 10px rgba(74, 246, 38, 0.4);
}

.subtitle {
    color: #666; /* Сероватый, тусклый */
    font-size: 1.2rem;
    font-weight: normal;
}

/* Стиль для "проскакивающих" символов */
.bg-symbol {
    position: absolute;
    color: #222; /* Очень темный серый, чтобы еле было видно */
    opacity: 0;
    user-select: none;
    pointer-events: none;
    animation: flash 4s linear forwards; /* Анимация на 4 секунды */
    z-index: 1; /* Позади текста */
}

/* Анимация появления и исчезновения */
@keyframes flash {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    20% {
        opacity: 0.5; /* Появился (не слишком ярко) */
        color: #333;
    }
    80% {
        opacity: 0.5;
    }
    100% {
        opacity: 0; /* Исчез */
        transform: translateY(-20px); /* Немного всплыл вверх */
    }
}