/* GLASS / NEON COMING SOON BOX */
.coming-soon-box {
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -140%); /* above the rings */
  padding: 1.2rem 2.4rem;
  border-radius: 18px;

  background: rgba(5, 6, 8, 0.75);
  border: 1px solid rgba(0, 200, 215, 0.45);

  box-shadow:
    0 0 28px rgba(0, 200, 215, 0.45),
    0 0 80px rgba(0, 200, 215, 0.25),
    0 12px 40px rgba(0, 0, 0, 0.65);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  font-family: "Inter", system-ui, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #00C8D7;
  text-align: center;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
  z-index: 10000; /* ABOVE rings + slogan */
}

.coming-soon-box.visible {
  opacity: 1;
}

@media (max-width: 480px) {
  .coming-soon-box {
    font-size: 1.4rem;
    padding: 0.9rem 1.6rem;
    transform: translate(-50%, -150%);
  }
}