:root {
  --blue: #193EEA;
  --blue-dark: #1230B8;
  --navy: #00074B;
  --white: #FFFFFF;
  --bg: #FAFBFE;
  --light: #F0F2F8;
  --border: #E2E5F0;
  --gray-100: #F5F6FA;
  --gray-200: #E8EAF2;
  --gray-400: #9DA3B8;
  --gray-500: #7B82A0;
  --gray-600: #5A6080;
  --gray-700: #3D4260;
  --dark: #0A0D20;
  --shadow-sm: 0 1px 3px rgba(0,7,75,0.04);
  --shadow-md: 0 4px 16px rgba(0,7,75,0.06);
  --shadow-lg: 0 12px 40px rgba(0,7,75,0.08);
  --shadow-xl: 0 20px 60px rgba(0,7,75,0.12);
  --radius: 12px;
  --radius-lg: 20px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', -apple-system, sans-serif;
  color: var(--gray-700);
  background: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }

.container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; }

/* ═══════════ TYPOGRAPHY ═══════════ */
h1, h2, h3, h4, h5 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: var(--navy);
  line-height: 1.2;
}