:root {
  --ink: #172033;
  --muted: #667085;
  --line: #e7ebf2;
  --paper: #f6f8fc;
  --card: #ffffff;
  --blue: #2855d9;
  --navy: #15274c;
  --cyan: #20b6b0;
  --orange: #f59e0b;
  --red: #d9535c;
  --green: #138a65;
  --shadow: 0 14px 36px rgba(24, 35, 61, 0.07);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, #f3f6fc 0%, #f8fafd 100%);
  color: var(--ink);
  font-family: "DM Sans", sans-serif;
}

.orbs i {
  position: fixed;
  border-radius: 50%;
  filter: blur(2px);
  z-index: 0;
  pointer-events: none;
}

.orbs i:nth-child(1) {
  width: 440px;
  height: 440px;
  top: -220px;
  right: -140px;
  background: rgba(40, 85, 217, 0.17);
}

.orbs i:nth-child(2) {
  width: 360px;
  height: 360px;
  left: -110px;
  bottom: -200px;
  background: rgba(32, 182, 176, 0.18);
}

.orbs i:nth-child(3) {
  width: 230px;
  height: 230px;
  right: 28%;
  top: 36%;
  background: rgba(245, 158, 11, 0.12);
}