:root{
  --bg: #020617;
  --text: #ffffff;
  --muted: rgba(255,255,255,0.74);
  --border: rgba(255,255,255,0.10);

  --primary: #6366F1;
  --primary-text: #ffffff;

  --topbar-bg: rgba(2,6,23,0.58);
  --topbar-border: rgba(255,255,255,0.10);
  --link: rgba(255,255,255,0.82);
  --link-hover: #ffffff;
}

body{
  background:
    radial-gradient(1100px 700px at 20% 0%, rgba(99,102,241,0.22), transparent 60%),
    radial-gradient(900px 600px at 85% 10%, rgba(165,180,252,0.14), transparent 60%),
    linear-gradient(180deg, #020617 0%, #030827 45%, #020617 100%);
}

.badge{
  background: rgba(99,102,241,0.16);
  border: 1px solid rgba(99,102,241,0.28);
  color: rgba(255,255,255,0.92);
}

.note{
  margin-top: 22px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: var(--muted);
}