body {
      font-family: 'Helvetica Neue', Arial, sans-serif;
      background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
      color: #ffffff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
      overflow-x: hidden;
    }

    h1 { color: #370cd2; z-index: 10; }
    p { font-size: 1.2rem; color: #cccccc; z-index: 10; }

    #stars, #stars2, #stars3 {
      position: fixed;
      top: 0;
      left: 0;
      width: 1px;
      height: 1px;
      background: transparent;
      z-index: -1;
    }

    #stars {
      box-shadow: 197px 105px #FFF, 1133px 860px #FFF, 217px 119px #FFF, 180px 156px #FFF, 701px 182px #FFF, 538px 187px #FFF, 1438px 317px #FFF, 191px 640px #FFF, 1184px 945px #FFF, 112px 318px #FFF, 522px 475px #FFF, 581px 716px #FFF, 1007px 119px #FFF, 47px 251px #FFF, 63px 824px #FFF, 1711px 101px #FFF, 871px 112px #FFF, 1900px 500px #FFF;
      animation: animStar 50s linear infinite;
    }

    #stars2 {
      width: 2px;
      height: 2px;
      box-shadow: 100px 200px #FFF, 400px 500px #FFF, 800px 100px #FFF, 1200px 600px #FFF, 1500px 900px #FFF, 250px 750px #FFF;
      animation: animStar 100s linear infinite;
    }

    #stars3 {
      width: 3px;
      height: 3px;
      box-shadow: 300px 400px #FFF, 700px 100px #FFF, 1100px 800px #FFF, 1500px 200px #FFF;
      animation: animStar 150s linear infinite;
    }

    @keyframes animStar {
      from { transform: translateY(0px); }
      to { transform: translateY(-2000px); }
    }
   
    /* Arreglo Profesional del Menú */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 5%;
    width: 100%;
    position: fixed; /* Se queda arriba al bajar */
    top: 0;
    left: 0;
    background: rgba(15, 23, 42, 0.8); /* Fondo sutil para que no se pierda */
    backdrop-filter: blur(10px);      /* Efecto cristal */
    z-index: 1000;
}

.nav-links {
    display: flex;
    list-style: none; /* Quita los puntos de la lista */
    gap: 30px;        /* Espacio entre botones */
    margin: 0;
    padding: 0;
}

.nav-links a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    transition: 0.3s;
}

.nav-links a:hover {
    color: #ff3366; /* Color fucsia al pasar el mouse */
}