/* Neofur coming-soon gate. Aesyna brand language: lit void, brand text
   gradient on the wordmark, glass for the message, nothing snaps.
   SSOT: syna-theme-kit/docs/AESYNA-BRAND.md */

.neofur-gate {
  --ae-grad: linear-gradient(100deg, #b26bff 0%, #6f7dff 48%, #1fb6ff 100%);
  --ae-violet: #a855f7;
  --ae-blue: #4f7bff;
  --ae-ice: #4de8ff;
  --ae-void: #050309;

  position: fixed;
  inset: 0;
  z-index: 20000;
  overflow: hidden;
  background: var(--ae-void);
  color: rgba(255, 255, 255, 0.96);
}

/* Dark, deep, and lit: three slow aurora pools under a near-black void. */
.neofur-gate__field {
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(58% 46% at 22% 18%, color-mix(in oklab, var(--ae-violet) 34%, transparent), transparent 68%),
    radial-gradient(52% 44% at 82% 24%, color-mix(in oklab, var(--ae-blue) 30%, transparent), transparent 68%),
    radial-gradient(70% 40% at 50% 104%, color-mix(in oklab, var(--ae-ice) 20%, transparent), transparent 70%);
  filter: blur(46px);
  animation: neofur-drift 34s ease-in-out infinite alternate;
}

.neofur-gate__stage {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(1.5rem, 4vh, 2.5rem);
  padding: 2rem 1.5rem;
  text-align: center;
}

.neofur-gate__wordmark {
  margin: 0;
  font-family: Quicksand, Outfit, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.6rem, 9vw, 5rem);
  font-weight: 300;
  letter-spacing: 0.13em;
  text-indent: 0.13em;
  line-height: 1;
  background: var(--ae-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: neofur-settle 1.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* A tinted glass pane, not a box: gradient fill, hairline rim, no drop shadow. */
.neofur-gate__message {
  position: relative;
  padding: 0.85rem 1.6rem;
  border-radius: 999px;
  background: linear-gradient(
    160deg,
    rgb(23 20 58 / 0.55),
    rgb(16 14 36 / 0.38) 38%,
    rgb(12 10 28 / 0.3)
  );
  backdrop-filter: blur(22px) saturate(140%);
  animation: neofur-settle 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
}

.neofur-gate__message::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    135deg,
    color-mix(in oklab, var(--ae-violet) 70%, transparent) 0%,
    transparent 35%,
    transparent 65%,
    color-mix(in oklab, var(--ae-blue) 70%, transparent) 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.neofur-gate__title {
  margin: 0;
  font-family: Quicksand, Outfit, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(0.95rem, 2.4vw, 1.15rem);
  font-weight: 400;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.88);
}

@keyframes neofur-settle {
  from {
    opacity: 0;
    transform: translateY(22px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes neofur-drift {
  from {
    transform: translate3d(-2.5%, -1.5%, 0) scale(1.02);
  }
  to {
    transform: translate3d(2.5%, 2%, 0) scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .neofur-gate__field,
  .neofur-gate__wordmark,
  .neofur-gate__message {
    animation: none;
  }
}