/* ARC Raiders theme — cold electric cyan, danger amber, dark industrial midnight.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Exo 2 + Barlow. */
:root{
  --c1:#00c6ff;    /* ARC electric cyan */
  --c1b:#5de0ff;   /* bright cyan highlight */
  --c2:#ff6b00;    /* extraction danger amber */
  --c3:#9dff8f;    /* HUD scanner green */
  --bg:#070a12;
  --bg2:#0a0e1a;
  --glass:rgba(0,198,255,0.07);
  --glass-brd:rgba(0,198,255,0.20);
  --radius:12px;
  --font-head:'Exo 2',sans-serif;
  --font-body:'Barlow',sans-serif;
}
/* hostile-world atmosphere: cold cyan radar glow + amber threat pulse over deep midnight */
.bg{background:
  radial-gradient(60% 50% at 50% 8%, rgba(0,198,255,.16), transparent 62%),
  radial-gradient(45% 38% at 14% 72%, rgba(255,107,0,.12), transparent 58%),
  radial-gradient(38% 30% at 84% 28%, rgba(157,255,143,.08), transparent 52%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 18% 24%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 68% 20%, var(--c2),  transparent 60%),
    radial-gradient(1.5px 1.5px at 44% 54%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 80% 46%, var(--c1),  transparent 60%),
    radial-gradient(1.5px 1.5px at 30% 78%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 82%, var(--c1b), transparent 60%);
  opacity:.45;animation:emb 11s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.30}to{transform:translateY(-16px);opacity:.58}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 48%, rgba(0,0,0,.72) 100%)}
/* tactical precision: tight uppercase headings, wide tracking on labels */
.hero h1,h2.title{letter-spacing:-.01em;font-weight:800}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:none}