.typing-text {
    display: inline-block;
    position: relative;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.typing-text::after {
    content: '|';
    position: absolute;
    right: -4px;
    animation: cursor-blink 1s infinite;
}

@keyframes cursor-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.typing-text.fade-out {
    opacity: 0;
}