.typing-title {
    font-size: 3rem;
    font-weight: bold;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid #0ff;
    width: 0;
    animation: typing 4s steps(30, end) forwards, blink 0.8s infinite;
  }
  
  @keyframes typing {
    from { width: 0; }
    to { width: 100%; }
  }
  
  @keyframes blink {
    0%, 50% { border-color: #0ff; }
    51%, 100% { border-color: transparent; }
  }