:root {
  --bg-top: rgba(6, 7, 11, 1);
  --bg-mid: rgba(11, 16, 32, 1);
  --bg-bottom: rgba(17, 22, 42, 1);
  --bg-glow-a: rgba(64, 139, 255, 0.2);
  --bg-glow-b: rgba(255, 176, 96, 0.12);
  --bg-glow-c: rgba(124, 92, 255, 0.1);
  --ink: rgba(238, 242, 255, 1);
  --muted: rgba(154, 166, 199, 1);
  --glass-stroke: rgba(255, 255, 255, 0.22);
  --glass-fill: rgba(255, 255, 255, 0.08);
  --hot: rgba(99, 230, 190, 1);
}

* {
  box-sizing: border-box;
}

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

body {
  margin: 0;
  min-height: 100svh;
  font-family: 'Manrope', sans-serif;
  color: var(--ink);
  background:
    radial-gradient(74% 58% at 14% 34%, var(--bg-glow-a), rgba(64, 139, 255, 0) 62%),
    radial-gradient(52% 42% at 86% 14%, var(--bg-glow-b), rgba(255, 176, 96, 0) 64%),
    radial-gradient(64% 54% at 75% 92%, var(--bg-glow-c), rgba(124, 92, 255, 0) 68%),
    linear-gradient(155deg, var(--bg-top) 0%, var(--bg-mid) 54%, var(--bg-bottom) 100%);
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}