:root {
  --bg: #050a18;
  --bg-elev: #0f1530;
  --card: #121937;
  --text: #e7ebff;
  --muted: #a8b2d8;
  --brand: #6aa0ff;
  --brand-2: #7ee0ff;
  --accent: #1c2448;
  --success: #36d399;
  --danger: #ff6b6b;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --radius: 14px;
  --glow-deep: rgba(80, 140, 255, 0.15);
  --glow-light: rgba(126, 224, 255, 0.2);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu,
    Cantarell, "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji",
    "Segoe UI Emoji";
  color: var(--text);
  background:
    radial-gradient(
      1200px 700px at 80% -10%,
      var(--glow-light),
      transparent 60%
    ),
    radial-gradient(900px 600px at 10% 0%, var(--glow-deep), transparent 60%),
    var(--bg);
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

:focus-visible {
  outline: 3px solid rgba(106, 160, 255, 0.4);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}