@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Oswald:wght@500;600&display=swap");

:root {
  --bg: #070b08;
  --panel: #101610;
  --fg: #7CFF6B;
  --dim: #6a9a62;
  --amber: #d7b15a;
  --line: #1d331c;
  --danger: #ff5a4a;
}

html, body {
  background: var(--bg);
  color: var(--fg);
  font-family: "Share Tech Mono", "Consolas", monospace;
  letter-spacing: 0.02em;
}

body {
  text-shadow: 0 0 6px rgba(80, 255, 70, 0.25);
}

body::before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 9998;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.12) 0px,
      rgba(0, 0, 0, 0.12) 1px,
      transparent 2px,
      transparent 4px
    );
}

body::after {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 9997;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.45) 100%);
}

h1, h2, header strong {
  font-family: "Oswald", "Share Tech Mono", sans-serif;
  font-weight: 600;
  color: var(--amber);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(215, 177, 90, 0.35);
}

a { color: var(--fg); }
a:hover { color: #c8ffb0; }

input, select, textarea, button {
  font-family: "Share Tech Mono", monospace;
  background: #0a100a;
  color: var(--fg);
  border: 1px solid #2a4a28;
}

button, a.btn, button.link {
  background: #122012;
  color: var(--fg);
  border: 1px solid var(--fg);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

button:hover, a.btn:hover {
  background: #1a331a;
  box-shadow: 0 0 8px rgba(80, 255, 70, 0.25);
}

.err { color: var(--danger); }
.meta, .sub, .k, label { color: var(--dim); }

article, .box, form.box {
  background: rgba(16, 22, 16, 0.85);
  border: 1px solid var(--line);
}

table th { color: var(--amber); }