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

:root {
  --blue: #1A56DB;
  --blue-dark: #1245B8;
  --blue-light: #EBF2FF;
  --navy: #0F2D5E;
  --orange: #E8511A;
  --orange-dark: #C94210;
  --orange-light: #FEF0EA;
  --text: #111827;
  --text-mid: #4B5563;
  --text-soft: #9CA3AF;
  --border: #E5E7EB;
  --surface: #F9FAFB;
  --white: #ffffff;
  --green: #059669;
  --green-light: #ECFDF5;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 16px;
  color: var(--text);
  background: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: 'Sora', sans-serif;
  line-height: 1.2;
  color: var(--navy);
}

a { text-decoration: none; color: inherit; }
button { cursor: pointer; font-family: 'Inter', sans-serif; }
input, button { font-family: inherit; }

.logo {
  font-family: 'Sora', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.logo span { color: var(--orange); }

.logo-svg { height: 32px; width: auto; }