/* Path of Exile 2 theme — grimdark, blood + arcane, ornate serif.
   Page must also load Google Fonts: Cinzel Decorative + Spectral. */
:root{
  --c1:#b0263a;   /* blood */
  --c1b:#d6455a;
  --c2:#2bb0a2;   /* arcane teal */
  --c3:#c39a2e;   /* tarnished gold */
  --bg:#09090c;
  --bg2:#110f18;
  --glass:rgba(176,38,58,0.06);
  --glass-brd:rgba(195,154,46,0.20);
  --font-head:'Cinzel Decorative',serif;
  --font-body:'Spectral',serif;
}
/* rotating arcane ring + blood glow + vignette */
.bg{background:radial-gradient(70% 50% at 50% 0%, color-mix(in srgb,var(--c1) 20%,transparent), transparent 55%), var(--bg)}
.bg::before{content:"";position:absolute;top:5%;left:50%;width:760px;height:760px;transform:translateX(-50%);border-radius:50%;
  border:1px solid color-mix(in srgb,var(--c2) 28%,transparent);
  background:conic-gradient(from 0deg, transparent, color-mix(in srgb,var(--c2) 14%,transparent), transparent 30%, color-mix(in srgb,var(--c1) 14%,transparent), transparent 62%);
  opacity:.4;animation:spin 70s linear infinite;
  -webkit-mask-image:radial-gradient(circle,#000 58%,transparent 74%);mask-image:radial-gradient(circle,#000 58%,transparent 74%)}
@keyframes spin{to{transform:translateX(-50%) rotate(360deg)}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 120%, rgba(0,0,0,.55), transparent 50%)}
/* ornate, grim */
.hero h1,h2.title,.cta-band h2{text-transform:none;letter-spacing:.01em}
.eyebrow,.kicker,.card .tag{letter-spacing:.2em}
.card h3{text-transform:none}