:root {
  --bg-1: #0b0f16;
  --bg-2: #121824;
  --bg-3: #1a2333;
  --text-main: #f5f7fb;
  --text-soft: #a0adbf;
  --accent: #d8b26e;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text-main);
  background: linear-gradient(130deg, var(--bg-1), var(--bg-2), var(--bg-3));
  background-size: 180% 180%;
  animation: gradientMove 12s ease infinite;
}

.coming-soon-page {
  min-height: 100vh;
  justify-content: center;
}

.text-muted {
  color: var(--text-soft) !important;
}

.letter-space {
  letter-spacing: 0.16em;
  color: var(--accent);
  font-weight: 600;
}

.coming-title {
  font-size: clamp(2.3rem, 8vw, 5.2rem);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-main);
}

.subtle-hint {
  max-width: 34rem;
  margin: 0 auto;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}