:root {
  --navy: #0B1B34;
  --deep-navy: #061225;
  --blue: #1D4ED8;
  --blue2: #3B82F6;
  --blue-hover: #1A43B8;
  --gold: #F59E0B;
  --bg: #F7F9FC;
  --card: #FFFFFF;
  --border: #E6ECF5;
  --text: #0F172A;
  --muted: #5B6B83;

  --radius-card: 16px;
  --radius-pill: 999px;
  --shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lift: 0 12px 30px rgba(15, 23, 42, 0.12);
  --container-max: 1200px;
  --container-pad: 20px;
}

body {
  color: var(--text);
  background: var(--bg);
}

.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}

.section {
  padding: 72px 0;
}

@media (max-width: 768px) {
  .section {
    padding: 48px 0;
  }
}