:root {
  --navy: #0B2C5D;
  --navy-dark: #071E40;
  --blue: #2575C0;
  --sky: #3A9AD9;
  --slate: #4B5563;
  --light: #F4F7FA;
  --border: #E2E8F0;
  --red: #DC2626;
  --red-dark: #B91C1C;
  --green: #059669;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #1E293B; margin: 0; background: #fff; }
.btn-primary { background: var(--blue); color: #fff; transition: all .18s ease; }
.btn-primary:hover { background: var(--navy); transform: translateY(-1px); }
.btn-emergency { background: var(--red); color: #fff; transition: all .18s ease; }
.btn-emergency:hover { background: var(--red-dark); transform: translateY(-1px); }
.card-hover { transition: transform .2s ease, box-shadow .2s ease; }
.card-hover:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -10px rgba(11,44,93,.18); }
@media (max-width: 767px) { body { padding-bottom: 68px; } }