:root {
  --blue: #d71920;
  --red: #d71920;
  --dark-red: #a80f15;
  --soft-red: #fff1f2;
  --text: #302426;
  --muted: #796b6d;
  --line: #f0dcde;
}

body { font-family: "Poppins", Arial, sans-serif; color: var(--text); }
.top-strip { border-color: var(--line); background: #fffafa; }
.network { color: var(--red); border-color: #f2dadd; box-shadow: none; }
.network.active { background: var(--red); color: #fff; }
.network.finance span { color: var(--dark-red); }
.mobile-link, .category-button, .quick-nav a { color: #49383a; }
.brand { color: var(--red); font-weight: 700; letter-spacing: -1.5px; }
.search { border-color: var(--red); border-radius: 10px; }
.search input { font-family: inherit; }
.search button { background: linear-gradient(135deg, var(--red), var(--dark-red)); }
.quick-nav b { background: var(--soft-red); color: var(--red); border-radius: 10px; }
.breadcrumb { color: #8d777a; }
.hero { background: linear-gradient(110deg, #fff7f7 0%, #ffe5e7 55%, #ffd5d8 100%); }
.hero-shape { background: #ef9097; opacity: .18; }
.hero h1, .section-heading h2 { color: #38282a; font-weight: 700; }
.logo-pill, .category-filters button { font-family: inherit; border-color: #fff; box-shadow: 0 5px 14px #8c161d12; }
.logo-pill:hover, .logo-pill.active, .category-filters button:hover, .category-filters button.active { border-color: var(--red); color: var(--red); box-shadow: 0 5px 15px #d7192026; }
.card { border-color: #f0dfe1; box-shadow: 0 4px 14px #7d18200d; border-radius: 14px; }
.card { color: inherit; text-decoration: none; display: block; }
.card:hover { box-shadow: 0 12px 28px #9c17211f; }
.cover.orange { background: linear-gradient(145deg, #ef5c55, #bd141b); }
.cover.red { background: linear-gradient(145deg, #f23c45, #99080f); }
.cover.blue { background: linear-gradient(145deg, #e8424b, #b10e16); }
.cover.purple { background: linear-gradient(145deg, #cf3542, #7e1119); }
.cover.green { background: linear-gradient(145deg, #f06464, #aa1118); }
.cover h3 { font-family: "Poppins", sans-serif; letter-spacing: -.7px; }
.card-info { border-top: 3px solid var(--soft-red); }
.cover.cover-image { padding: 0; background: #f6f2f2; aspect-ratio: 2 / 3; }
.cover.cover-image::after { display: none; }
.cover.cover-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
::selection { background: var(--red); color: #fff; }