:root {
  --primary: #0EA5E9;
  --primary-dark: #0284C7;
  --primary-light: #E0F2FE;
  --accent: #10B981;
  --accent2: #F59E0B;
  --accent3: #EF4444;
  --bg: #F8FBFF;
  --white: #FFFFFF;
  --text: #0F172A;
  --text-2: #334155;
  --text-3: #64748B;
  --border: #E2EBF6;
  --card: #FFFFFF;
  --gradient: linear-gradient(135deg, #0EA5E9 0%, #38BDF8 40%, #10B981 100%);
  --gradient2: linear-gradient(135deg, #E0F2FE 0%, #F0FDF4 100%);
  --shadow: 0 4px 24px rgba(14,165,233,0.10);
  --shadow-lg: 0 16px 48px rgba(14,165,233,0.18);
  --radius: 20px;
  --radius-sm: 12px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
  line-height: 1.6;
}
h1,h2,h3,h4 { font-family: 'Clash Display', sans-serif; line-height: 1.15; }

/* Utility */
.container { max-width: 1300px; margin: 0 auto; }
.text-gradient { background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }