:root {
  --bg: #0b0f17;
  --panel: #121a26;
  --line: #223148;
  --text: #e8f1ff;
  --muted: #9bb0c8;
}

html, body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.wrap { max-width: 860px; margin: 0 auto; padding: 20px; }
.stack > * + * { margin-top: 12px; }
.stack-lg > * + * { margin-top: 18px; }

a { color: var(--text); }
h1, h2 { margin: 0; }

.header-note {
  background: #fff3cd;
  border: 1px solid #ffe69c;
  color: #664d03;
  border-radius: 8px;
  padding: 10px 12px;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
}

select,
input[type="text"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="email"] {
  background: #0f1622;
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
}

.small-muted { font-size: .92em; color: var(--muted); }

code {
  background: rgba(255,255,255,.06);
  border-radius: 6px;
  padding: 2px 6px;
}