/* Forza Horizon 6 theme — Japan open-world racing: speed red, neon teal, amber gold, midnight track.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Exo 2 + Rajdhani. */
:root{
  --c1:#e8360f;    /* speed red */
  --c1b:#ff6b3d;   /* hot orange highlight */
  --c2:#00c5a8;    /* neon teal / Japan neon */
  --c3:#f5c518;    /* amber gold */
  --bg:#06090d;
  --bg2:#0c1018;
  --glass:rgba(232,54,15,0.07);
  --glass-brd:rgba(0,197,168,0.22);
  --radius:14px;
  --font-head:'Exo 2',sans-serif;
  --font-body:'Rajdhani',sans-serif;
}
/* high-speed atmosphere: hot red centre-burst over midnight asphalt, teal glow on horizon */
.bg{background:
  radial-gradient(60% 48% at 50% 8%, rgba(232,54,15,.20), transparent 58%),
  radial-gradient(45% 36% at 10% 70%, rgba(0,197,168,.15), transparent 56%),
  radial-gradient(35% 28% at 88% 35%, rgba(245,197,24,.10), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 18% 28%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 68% 18%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 44% 58%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 80% 46%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 30% 78%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 84%, var(--c3), transparent 60%);
  opacity:.45;animation:emb 8s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.30}to{transform:translateY(-16px);opacity:.56}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.70) 100%)}
/* sharp, technical racing-poster feel */
.hero h1,h2.title{font-weight:800;letter-spacing:-.03em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em;font-weight:700}
.card h3{text-transform:none;font-weight:700}