/* ── Spinner removal ─────────────────────────────────────────────────────── */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* ── Aurora background ───────────────────────────────────────────────────── */
.aurora::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(40% 30% at 20% 20%, rgba(99, 102, 241, 0.18), transparent 60%),
    radial-gradient(35% 25% at 80% 10%, rgba(168, 85, 247, 0.14), transparent 60%),
    radial-gradient(45% 35% at 70% 80%, rgba(14, 165, 233, 0.16), transparent 60%);
  filter: blur(40px);
  z-index: 0;
  pointer-events: none;
}
.dark .aurora::before {
  background:
    radial-gradient(40% 30% at 20% 20%, rgba(99, 102, 241, 0.35), transparent 60%),
    radial-gradient(35% 25% at 80% 10%, rgba(168, 85, 247, 0.30), transparent 60%),
    radial-gradient(45% 35% at 70% 80%, rgba(14, 165, 233, 0.30), transparent 60%);
}

/* ── Scrollbar hide (tab bar on mobile) ──────────────────────────────────── */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* ── FAQ accordion ───────────────────────────────────────────────────────── */
details summary { list-style: none; cursor: pointer; }
details summary::-webkit-details-marker { display: none; }

details .faq-chevron { transition: transform 200ms ease; }
details[open] .faq-chevron { transform: rotate(180deg); }

details[open] summary { color: inherit; }

/* smooth height animation via grid trick */
details .faq-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 220ms ease;
}
details[open] .faq-body { grid-template-rows: 1fr; }
.faq-body > div { overflow: hidden; }