:root {
  --bg-900: #070a10;
  --bg-800: #0f1623;
  --bg-700: #172133;
  --surface: #121a2a;
  --surface-strong: #19243a;
  --text-strong: #f4f7ff;
  --text-muted: #bac4d7;
  --brand-orange: #F97316;
  --brand-orange-soft: #f2bd63;
  --line: #2a3650;
  --shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
}

body {
  background-color: #000000;
  background-image: none;
}

section {
  background-color: #000000;
}

.btn-primary {
  background: linear-gradient(120deg, var(--brand-orange) 0%, #f7bc66 100%);
  color: #25170a;
  box-shadow: 0 10px 24px rgba(248, 161, 47, 0.25);
}

.btn-primary:hover {
  box-shadow: 0 14px 28px rgba(248, 161, 47, 0.34);
}

.card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%), var(--surface);
  border: 1px solid var(--line);
  border-radius: 1rem;
  box-shadow: var(--shadow);
}