body {
  background: #0e0e11;
  color: #f0f0f0;
  font-family: 'Segoe UI', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.content {
  text-align: center;
  justify-content: center;
  align-items: center;
  animation: fadeIn 2s ease;
  max-width: 90%;
  margin: 0 auto;
}

.logo {
  width: 150px;
  height: auto;
  margin-bottom: 1rem;
  filter: drop-shadow(0 0 10px #ffffff20);
}

h1 {
  font-size: 2.5rem;
  margin: 0.5rem 0;
}

.tagline {
  font-size: 1.2rem;
  color: #a0a0a0;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow:
    20vw 10vh white,
    50vw 80vh white,
    90vw 60vh white,
    10vw 20vh white,
    30vw 70vh white,
    60vw 10vh #aaddff,     /* soft blue */
    80vw 90vh white,
    5vw 50vh white,
    75vw 30vh white,
    25vw 40vh white,
    12vw 15vh white,
    35vw 85vh white,
    55vw 25vh white,
    65vw 45vh white,
    85vw 75vh white,
    45vw 65vh #ffeedd,     /* warm white */
    95vw 35vh white,
    28vw 55vh white,
    38vw 18vh white,
    48vw 78vh white,
    58vw 12vh #c7aaff,     /* soft purple */
    68vw 92vh white,
    78vw 38vh white,
    88vw 58vh white,
    15vw 33vh white,
    5vw 73vh white,
    25vw 93vh white,
    70vw 10vh #aad4ff,     /* pale icy blue */
    90vw 20vh white;
  animation: drift 60s linear infinite alternate;
  z-index: 0;
}

.stars2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow:
    40vw 30vh rgba(255,255,255,0.6),
    15vw 60vh rgba(204,229,255,0.6),   /* icy blue */
    70vw 20vh rgba(255,224,224,0.6),   /* pale red */
    95vw 40vh rgba(255,255,255,0.6),
    5vw 80vh rgba(214,204,255,0.6),    /* soft violet */
    10vw 10vh rgba(255,255,255,0.6),
    25vw 90vh rgba(255,255,204,0.6),   /* soft yellow */
    60vw 60vh rgba(255,255,255,0.6),
    80vw 15vh rgba(224,255,255,0.6),   /* light cyan */
    35vw 50vh rgba(255,255,255,0.6),
    45vw 20vh rgba(204,255,229,0.6),   /* mint green */
    55vw 70vh rgba(255,255,255,0.6),
    65vw 40vh rgba(255,229,255,0.6),   /* soft pink */
    75vw 60vh rgba(255,255,255,0.6),
    20vw 35vh rgba(255,255,255,0.6),
    30vw 85vh rgba(255,242,204,0.6),   /* pale gold */
    50vw 95vh rgba(255,255,255,0.6),
    85vw 25vh rgba(255,255,255,0.6),
    95vw 65vh rgba(229,255,255,0.6),   /* pale aqua */
    38vw 70vh rgba(255,255,255,0.6);
  animation: drift 120s linear infinite alternate;
  opacity: 0.6;
}

.stars2-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: transparent;
  filter: blur(1.5px);
  z-index: 0;
  opacity: 0.6;
  animation: drift 120s linear infinite alternate;

  box-shadow:
    15vw 60vh rgba(204,229,255,0.6),
    70vw 20vh rgba(255,224,224,0.6),
    5vw 80vh rgba(214,204,255,0.6),
    25vw 90vh rgba(255,255,204,0.6),
    80vw 15vh rgba(224,255,255,0.6),
    45vw 20vh rgba(204,255,229,0.6),
    65vw 40vh rgba(255,229,255,0.6),
    30vw 85vh rgba(255,242,204,0.6),
    95vw 65vh rgba(229,255,255,0.6);
}

.stars3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow:
    60vw 90vh rgba(255,255,255,0.3),
    25vw 15vh rgba(255,255,255,0.3),
    80vw 50vh rgba(255,255,255,0.3),
    35vw 65vh rgba(255,255,255,0.3),
    10vw 75vh rgba(255,255,255,0.3),
    20vw 40vh rgba(255,255,255,0.3),
    30vw 20vh rgba(255,255,255,0.3),
    45vw 80vh rgba(255,255,255,0.3),
    55vw 35vh rgba(255,255,255,0.3),
    65vw 95vh rgba(255,255,255,0.3),
    75vw 10vh rgba(255,255,255,0.3),
    85vw 30vh rgba(255,255,255,0.3),
    95vw 50vh rgba(255,255,255,0.3),
    40vw 70vh rgba(255,255,255,0.3),
    50vw 55vh rgba(255,255,255,0.3);
  animation: drift 180s linear infinite alternate;
  opacity: 0.3;
}

@keyframes drift {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-100px);
  }
}

@keyframes twinkle {
  0%, 100% { opacity: 0.3; }
  50%      { opacity: 1; }
}