:root {
  --hero-start: #0f172a;
  --hero-end: #2563eb;
}

body {
  min-height: 100vh;
}

.hero-card {
  background: linear-gradient(130deg, var(--hero-start), var(--hero-end));
  border: none;
}

.hero-video-card {
  background: linear-gradient(130deg, var(--hero-start), var(--hero-end));
  min-height: 320px;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.65;
}

.hero-video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(130deg, rgba(15, 23, 42, 0.62), rgba(37, 99, 235, 0.62));
}

.hero-content {
  position: relative;
  z-index: 2;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-card .text-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar {
  background: #eef2ff;
  min-height: calc(100vh - 56px);
}

.newsletter-example article {
  border-left: 3px solid #e2e8f0;
  padding-left: 12px;
}

.topics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
}