:root {
  --bg: #17243a;
  --text: #f4f7fc;
  --muted: #b5c2d5;
  --accent: #9ee8da;
  --line: #dceaff2e;
}

body {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse at 80% 20%, #5d83a44d, transparent 45%),
    radial-gradient(ellipse at 16% 84%, #456b8061, transparent 48%),
    linear-gradient(140deg, #1b2941 0%, #253b5a 54%, #17233a 100%);
}

.site-header {
  border-color: #e5efff30;
}

.language-switch {
  background: #e8f3ff12;
  border-color: #e5efff38;
  box-shadow: 0 8px 24px #08111f1f;
}

.language-switch button[aria-pressed=true] {
  background: #dff8f42b;
}

.intro {
  position: relative;
}

.intro::before {
  content: "";
  position: absolute;
  width: 48%;
  height: 68%;
  left: -13%;
  top: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, #a5cbd017, transparent 67%);
  pointer-events: none;
}

.intro-copy,
.orbital {
  z-index: 1;
}

.bubble-photo {
  filter: drop-shadow(0 24px 20px #07101f8c) drop-shadow(0 0 34px #b4f2ea26);
}

.empty-workspace {
  background: linear-gradient(112deg, #e7f5ff14, #dceaff08);
  border-color: #e4efff3b;
  box-shadow: 0 14px 34px #0813211c;
}

footer {
  border-color: #e5efff30;
  color: #c0ccdc;
}