html, body {
      margin: 0;
      height: 100%;
      overflow: hidden;
      font-family: "Orbitron", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: #fff;
      background-color: #000;
    }
    #vanta-bg {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 0;
      background-color: #000;
    }
    .center-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      z-index: 1;
    }
    h1 {
      font-size: 3.5rem;
      letter-spacing: 3px;
      text-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
      animation: glow 2s infinite alternate;
    }
    p {
      font-size: 1.2rem;
      margin-top: 20px;
      color: #aeeeff;
      text-shadow: 0 0 10px rgba(0, 180, 255, 0.7);
    }
    @keyframes glow {
      from { text-shadow: 0 0 10px #0ff, 0 0 20px #00f, 0 0 30px #0ff; }
      to   { text-shadow: 0 0 20px #00f, 0 0 40px #0ff, 0 0 60px #00f; }
    }