:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #eaf4f8;
  background: #071016;
  font-synthesis: none;
  color-scheme: dark;
  --surface: #0b171f;
  --line: #21343e;
  --line-bright: #31505d;
  --muted: #8ba2ad;
  --cyan: #5fe0ec;
  --green: #45df86;
  --yellow: #f6d84a;
  --orange: #ffad42;
  --red: #ff5d68;
  --gray: #6f8792;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: #071016;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% -10%, rgba(41, 136, 151, .16), transparent 34rem),
    linear-gradient(rgba(74, 110, 122, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(74, 110, 122, .045) 1px, transparent 1px),
    #071016;
  background-size: auto, 32px 32px, 32px 32px, auto;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}