*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --blue-deep: #023E8A; --blue-main: #0077B6; --blue-mid: #0096C7;
  --blue-light: #00B4D8; --blue-pale: #90E0EF; --blue-wash: #CAF0F8;
  --blue-ice: #EEF9FF; --sand: #F4A261; --teal: #2A9D8F;
  --gold: #E9C46A; --slate: #546E7A; --white: #FFFFFF;
  --text: #1A2744; --text-mid: #4A5568; --text-light: #8899AA;
  --shadow-sm: 0 2px 8px rgba(0,60,120,0.1);
  --shadow-md: 0 6px 24px rgba(0,60,120,0.16);
  --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px;
}
html, body { font-family: 'Quicksand', sans-serif; background: var(--blue-ice); height: 100%; height: 100dvh; overflow: hidden; color: var(--text); }
.ma-icon { width: 1.25em; height: 1.25em; vertical-align: -0.2em; object-fit: contain; display: inline-block; }