:root {
  color-scheme: dark;
  font-family: "Offside", sans-serif;
  background: #030412;
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-width: 0;
  min-height: 100%;
  margin: 0;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(
      circle at 50% 14%,
      rgba(39, 95, 164, 0.46),
      rgba(4, 8, 32, 0.97) 58%,
      rgba(3, 4, 18, 0.99) 100%
    );
}

.splash {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  padding:
    max(16px, env(safe-area-inset-top))
    max(16px, env(safe-area-inset-right))
    max(24px, env(safe-area-inset-bottom))
    max(16px, env(safe-area-inset-left));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2.2vh, 18px);
  text-align: center;
}

.logo {
  display: block;
  width: min(350px, 72vw, 62dvh);
  height: auto;
  max-height: 68dvh;
  object-fit: contain;
}

p {
  margin: 0;
  
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 2px;
}

.title{
  font-size: clamp(.7rem, 1rem + 0.25vw, 2rem);
}

.comingsoon {
  font-size: 2.5rem;
  font-weight: 100;
  letter-spacing: 2px;
  color:palevioletred;
      text-shadow: 
      0 0 4px #fff,
      0 0 10px #fff,
      0 0 19px #ff007f, /* Intense neon pink */
      0 0 20px #ff007f,
      0 0 30px #ff007f,
      0 0 60px #ff007f;
}

@media (max-height: 420px) {
  .splash {
    gap: 8px;
  }

  .logo {
    width: min(230px, 54dvh);
  }

  p {
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}