/* Typewriter Animation */
.typewriter {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid #fff;
    animation: typing 4s steps(35) forwards,
               cursor .75s step-end infinite;
}

@keyframes cursor {
    from, to { border-color: transparent }
    50% { border-color: #fff }
}

@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

/* Background Gradient Animation */
@keyframes gradient {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}