/* ============================================================
   CONSOLIDATED STYLES (Optimized)
   ============================================================ */

/* ============================================================
   GLOBAL RESET (Common for both sections)
   ============================================================ */
:root {
  --primary: #142347;
  /* Deep Navy from Figma */
  --accent: #fa8c16;
  /* Orange from Figma */
  --accent-light: #fdba74;
  --text-main: #142347;
  /* Dark Blue Text */
  --text-muted: #3c4a6b;
  /* Muted Blue Text */
  --bg-page: #f8fafc;
  --radius: 22px;
  /* Figma Rounded Corner */
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.06);
  /* Figma Shadow */
}

.page {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
}

/* ---------------- HERO STYLES ---------------- */