html {
  --ol-accent: #5EEAD4 !important;
  --ol-bg: #07121D !important;
  --ol-card: #0E1D2E !important;
  --ol-border: rgba(125, 211, 252, 0.2) !important;
  --ol-text-primary: #E0F2FE !important;
  --ol-text-secondary: #A5C7D9 !important;
  --ol-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  --ol-container-max: 74rem !important;
}

body {
  background-image:
    radial-gradient(980px 480px at 12% -8%, rgba(94, 234, 212, 0.2), transparent 70%),
    radial-gradient(760px 320px at 88% 8%, rgba(125, 211, 252, 0.12), transparent 68%),
    linear-gradient(180deg, rgba(94, 234, 212, 0.05), transparent 22%);
}

.brand-banner .relative.overflow-hidden {
  box-shadow: 0 26px 60px rgba(94, 234, 212, 0.12);
}

.brand-banner img {
  filter: saturate(0.92) contrast(1.06);
}

.channel-badge {
  border: 1px solid rgba(94, 234, 212, 0.24);
  border-radius: 999px;
  background: rgba(94, 234, 212, 0.08);
  letter-spacing: 0.08em;
}

.article-card {
  backdrop-filter: blur(8px) saturate(120%);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(125, 211, 252, 0.12);
}