@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");
:root {
  --bg: #070b14;
  --ink: #eef2ff;
  --muted: #a7b0c5;
  --line: #243049;
  --card: #12182a;
  --accent: #8b7cff;
  --mint: #3ee0b0;
  --display: "IBM Plex Sans", sans-serif;
  --sans: "IBM Plex Sans", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 1.02rem; line-height: 1.55; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -0.03em; line-height: 1.15; }
img { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }
a { color: var(--mint); }
body.modal-open { overflow: hidden; }