:root {
  --bg: #11120d;
  --lime: #c9ff45;
  --acid: #d9ff00;
  --pink: #ff3ab5;
  --red: #f22626;
  --paper: #e5e2c9;
  --line: #66704d;
  --mono: "Courier New", Consolas, monospace;
  --sans: Arial, "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #040504; color: #e6ebd4; font: 15px/1.7 var(--sans); }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; }

.site-wrap { width: min(1120px, 100%); min-height: 100vh; margin: auto; overflow: hidden; background: var(--bg); box-shadow: 0 0 48px #000; }
.noise { position: fixed; z-index: 10; inset: 0; pointer-events: none; opacity: .1; background: repeating-linear-gradient(90deg, transparent 0 2px, #fff 3px), repeating-linear-gradient(0deg, transparent 0 3px, #000 4px); }
.version-tag { color: var(--lime); font: 12px var(--mono); letter-spacing: .08em; }

.download-button { display: inline-block; position: relative; padding: 11px 38px 11px 16px; border: 3px solid #101507; outline: 2px solid var(--acid); background: var(--acid); color: #101507; box-shadow: 5px 5px 0 var(--pink); font: bold 17px var(--mono); }
.download-button:hover { transform: translate(3px, 3px); box-shadow: 2px 2px 0 var(--pink); }
.download-button b { position: absolute; top: 8px; right: 13px; font-size: 24px; }
.download-button small { display: block; margin-top: 3px; font: 9px var(--mono); }
.download-button.red { outline-color: var(--red); background: var(--red); color: #fff; box-shadow: 5px 5px 0 var(--lime); }

footer { display: flex; justify-content: space-between; margin: 42px 22px 0; padding: 17px 0 25px; border-top: 1px dashed var(--line); color: #aeb99d; font: 11px var(--mono); }

@media (max-width: 700px) { footer { flex-direction: column; gap: 8px; margin: 35px 14px 0; } }