/* ===== TYPING ANIMATION ===== */
.typing-animation {
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid var(--accent-green);
  animation: typing 2.5s steps(40, end) forwards, blink-caret 0.75s step-end infinite;
  display: inline-block;
  vertical-align: bottom;
}

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

@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: var(--accent-green); }
}