/* MOONPHASE design-system.css — extracted from welcome.html */
/* BG: deep indigo gradient #020010→#07001a, buttons: indigo/blue #5060c0→#9090ff */
/* Fonts: Segoe UI / system-ui (welcome uses system stack) */

html, body {
  background: linear-gradient(170deg, #020010 0%, #07001a 60%, #020010 100%) !important;
  color: #fff !important;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  background: linear-gradient(135deg, #a0aeff, #d0d8ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

button.cta-btn,
a.cta-btn,
.cta-button,
.unlock-btn,
button[id*="cta"],
button[id*="next"],
button[id*="continue"],
button[id*="Btn"],
button[id*="Button"],
#vfc button {
  background: linear-gradient(135deg, #5060c0, #9090ff) !important;
  color: #fff !important;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 0 0 25px rgba(120, 130, 255, 0.4) !important;
  border: none !important;
}

button.cta-btn:disabled,
.cta-button:disabled,
button[id*="next"]:disabled,
button[id*="Btn"]:disabled,
button[id*="Button"]:disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

.option-card,
.glass-card,
.glass-panel,
.glass {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(120, 130, 255, 0.2) !important;
}
.option-card.selected,
.glass-card.selected {
  border-color: rgba(150, 160, 255, 0.7) !important;
  background: rgba(80, 96, 192, 0.12) !important;
}

.text-primary { color: #a0aeff !important; }
a { color: #a0aeff !important; }

.progress-fill, .progress-bar-fill, .progress-track .progress-fill {
  background: linear-gradient(90deg, #5060c0, #9090ff) !important;
}

/* === CTA CLICK-FIX (g4 2026-05-31) === */
button.cta-btn,
a.cta-btn,
.cta-button,
.unlock-btn,
button[id*='cta'],
button[id*='next'],
button[id*='continue'],
button[id*='Btn'],
button[id*='Button'],
#vfc button {
  cursor: pointer !important;
  pointer-events: auto !important;
  display: inline-flex !important;
}
button.cta-btn > *,
a.cta-btn > *,
.cta-button > *,
button[id*='cta'] > *,
button[id*='next'] > *,
button[id*='continue'] > *,
button[id*='Btn'] > *,
button[id*='Button'] > * {
  pointer-events: none !important;
}