:root{
  --bg:#060606;
  --panel:#0b0b0b;
  --panel2:#070707;
  --stroke:#1b1b1b;
  --stroke2:#121212;
  --text:#ffffff;
  --muted:#a3a3a3;

  --red:#ff1414;
  --red2:#ff3b3b;
  --red3:#b30000;

  --shadow: 0 18px 52px rgba(0,0,0,.72);
  --shadow2: 0 8px 20px rgba(0,0,0,.55);
  --glowred: none;

  --r:12px;
  --r2:10px;
  --r3:8px;

  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;

  /* 3D bevel */
  --bevel-top: rgba(255,255,255,.06);
  --bevel-bot: rgba(0,0,0,.65);
}
*{box-sizing:border-box}
html,a{color:inherit;text-decoration:none}
.muted{color:var(--muted)}
.mt{margin-top:14px}
.mt8{margin-top:8px}
.p0{padding:0 !important}



body{
  margin:0;
  color:var(--text);
  font-family:var(--font);
  background:
    linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.92)),
    url('assets/img/bg_cyber_circuit.avif') center/cover fixed no-repeat,
    radial-gradient(1200px 700px at 18% -12%, rgba(255,20,20,.06), transparent 58%),
    radial-gradient(900px 560px at 85% 0%, rgba(255,20,20,.04), transparent 60%),
    var(--bg);
}

/* V15 – force dark, remove white */
html,body{
  background:#000 !important;
}
*{
  background-color: transparent;
}