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

:root {
  --navy:   #213976;
  --sky:    #53acef;
  --aqua:   #1edee4;
  --coral:  #f86e4f;
  --white:  #ffffff;
  --bg:     #f6f8fc;
  --card:   #ffffff;
  --border: rgba(33,57,118,.14);
  --text:   #0b1020;
  --muted:  rgba(11,16,32,.58);
  --shadow: 0 8px 28px rgba(11,16,32,.10);
  --radius: 18px;
}

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

html { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: var(--text);
  background:
    radial-gradient(900px 500px at 10% 0%,   rgba(83,172,239,.18),  transparent 60%),
    radial-gradient(900px 500px at 90% 10%,  rgba(30,222,228,.16),  transparent 60%),
    radial-gradient(900px 500px at 70% 110%, rgba(248,110,79,.14),  transparent 55%),
    var(--bg);
  min-height: 100vh;
  line-height: 1.5;
}