/* Root scroll + font reset */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* 💥 Kills both horizontal and vertical scroll */
  background: #000;
  font-family: 'Segoe UI', sans-serif;
  overscroll-behavior: none; /* Disables pull/bounce on mobile */
}

/* Full-screen canvas background */
canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
}

/* Centered content container */
.center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90vw;
  text-align: center;
  z-index: 2;
}

/* Enlarged, glowing logo */
.logo {
  width: 80vw;
  max-width: 360px;
  height: auto;
  animation: glow-breath 5s ease-in-out infinite;
}

/* Thin, smaller "Coming Soon" text */
.coming-soon {
  color: #fff;
  margin-top: 20px;
  font-size: 1.2rem;
  font-weight: 200;
  letter-spacing: 2px;
  word-wrap: break-word;
}

/* Glow pulse animation */
@keyframes glow-breath {
  0%, 100% {
    filter: drop-shadow(0 0 2px #ffffff)
            drop-shadow(0 0 4px #bb86fc)
            drop-shadow(0 0 6px #bb86fc);
  }
  50% {
    filter: drop-shadow(0 0 10px #ffffff)
            drop-shadow(0 0 20px #bb86fc)
            drop-shadow(0 0 30px #bb86fc);
  }
}