@import url('../../shared/base.css');
:root{
  --font-heading:'Arial Black',sans-serif;--font-body:'Consolas',monospace;
  --accent-1:#00e5ff;--accent-2:#ff00c8;--bg:#0a0a12;--text:#d9f9ff;
  --header-bg:#0a0a12;--nav-bg:#0a0a12;--card-bg:#12121e;--stats-bg:#0a0a12;--border:#1f2a3a;
  --hero-bg:#0a0a12;--hero-text:#fff;--footer-bg:#05050a;
}
body{background:#0a0a12;background-image:linear-gradient(rgba(0,229,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.06) 1px,transparent 1px);background-size:32px 32px}
h1,h2{background:linear-gradient(90deg,#c0c0c0,#fff,#00e5ff,#c0c0c0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(0,229,255,.4)}
.card,.hero{border:1px solid var(--accent-1);box-shadow:0 0 18px rgba(0,229,255,.15)}
.btn-primary{background:var(--accent-2);color:#0a0a12;box-shadow:0 0 14px var(--accent-2)}