@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Onest:wght@400;500;600;700&display=swap');


:root {
  font-family: 'Onest', system-ui, sans-serif;
  color: #042e7d;
  background: #f8f8f8;
  font-synthesis: none;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  --primary: #004ee0;
  --deep: #042e7d;
  --blue: #1883ff;
  --sky: #99caff;
  --light: #eef6ff;
  --warm: #f8f8f8;
  --white: #ffffff;
  --ink: #000000;
  --line: #99caff;
  --shadow: 0 24px 70px rgba(4,46,125,.11);
  --hex-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 116'%3E%3Cpath fill='black' d='M50 0c3 0 5 1 8 2l36 21c4 2 6 6 6 11v48c0 5-2 9-6 11l-36 21c-3 1-5 2-8 2s-5-1-8-2L6 93c-4-2-6-6-6-11V34c0-5 2-9 6-11L42 2c3-1 5-2 8-2Z'/%3E%3C/svg%3E");
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--warm); }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }