:root {
  --header-height: 65px; --footer-height: 60px; --blue-dark: #0A2A54; --teal-accent: #00C49A;
  --bg-light: #F8F9FA; --border-color: #E9ECEF; --text-primary: #1F2937; --text-secondary: #6B7280;
  --white: #FFFFFF; --panel-bg: var(--white); --error-bg: #fee2e2; --error-text: #991b1b;
  --error-border: #fca5a5; --success-bg: #d1fae5; --success-text: #065f46; --success-border: #a7f3d0;
}
*, *::before, *::after { box-sizing: border-box; }
body {
  font-family: 'Inter', sans-serif; background-color: var(--bg-light); margin: 0;
  height: 100vh; width: 100vw; overflow: hidden; display: flex; flex-direction: column; color: var(--text-primary);
}
@keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }