body[data-category="jobs"]{
  --accent:#7c5cff;
  --accent2:#2dd4bf;
  --accent-rgb:124,92,255;
  --accent2-rgb:45,212,191;
  --shadow: 0 28px 72px rgba(0,0,0,.24);
  background:
    linear-gradient(180deg, rgba(10,11,24,.84), rgba(10,11,24,.94)),
    radial-gradient(1000px 620px at 6% -6%, rgba(var(--accent-rgb), .20), transparent 56%),
    radial-gradient(860px 480px at 92% 12%, rgba(var(--accent2-rgb), .14), transparent 54%),
    var(--category-theme-image, url('/assets/img/category-photos/jobs.jpg')) center/cover fixed;
}
:root[data-theme="light"] body[data-category="jobs"]{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,249,255,.92)),
    radial-gradient(1000px 620px at 6% -6%, rgba(var(--accent-rgb), .10), transparent 56%),
    radial-gradient(860px 480px at 92% 12%, rgba(var(--accent2-rgb), .08), transparent 54%),
    var(--category-theme-image, url('/assets/img/category-photos/jobs.jpg')) center/cover fixed;
}
body[data-category="jobs"] .brand__mark,
body[data-category="jobs"] .brand-mark{ background: radial-gradient(circle at 30% 0%, var(--accent2), var(--accent)); }
body[data-category="jobs"] .cxButton--accent{ box-shadow: 0 18px 42px rgba(var(--accent-rgb), .24); }
body[data-category="jobs"] .cxHero,
body[data-category="jobs"] .cxDirectoryTile{ backdrop-filter: blur(18px); }