/* ═══════════════════════════════════════════════════════════════
   DailyUploads — Make Money page: colour alignment with the home page.

   Loaded only from make_money.html, so no other page is affected.
   This file intentionally contains NO layout, sizing, spacing or
   border-radius rules — structure, data and the column grid are
   left exactly as they were. Colours, gradients and shadows only.

   Why each override exists: main.html's inline <style> gives this
   page --ink: #10233F (navy) and --steel: #868b93, while the home
   page uses #16181b / #6c757d. That mismatch is what made the two
   pages look like different sites.
═══════════════════════════════════════════════════════════════ */

/* ── Hero backdrop: home page's masked grid + red glow ───────── */
.hero {
  background: #fff;
}

.hero-bg {
  background:
    radial-gradient(420px 400px at 8% -12%, rgba(227, 0, 15, .13), transparent 62%),
    radial-gradient(460px 440px at 92% -16%, rgba(255, 122, 130, .14), transparent 62%),
    linear-gradient(to right, rgba(16, 18, 20, .05) 1px, transparent 1px) 0 0 / 46px 46px,
    linear-gradient(to bottom, rgba(16, 18, 20, .05) 1px, transparent 1px) 0 0 / 46px 46px;
  -webkit-mask-image: radial-gradient(125% 92% at 50% 0%, #000 0%, transparent 74%);
  mask-image: radial-gradient(125% 92% at 50% 0%, #000 0%, transparent 74%);
}

/* ── Type colours ───────────────────────────────────────────── */
.hero h1,
.sectionMoney h2,
.rules-panel h3,
.model-card .tag,
.tier-title,
.feature-text b {
  color: #16181b;
}

.hero .lede,
.model-card p,
.tier-rate-label,
.tier-note {
  color: #6c757d;
}

.feature-text,
.rules-panel li,
.flag-item {
  color: #495057;
}

/* ── Accents ────────────────────────────────────────────────── */
.eyebrow {
  background: #fff0f1;
  color: #b8000c;
}

.kicker,
.model-card .metric {
  color: #e3000f;
}

/* ── Primary call to action ─────────────────────────────────── */
.cta-red {
  background: linear-gradient(150deg, #ff4d57, #e3000f 52%, #b8000c);
  box-shadow: 0 12px 28px rgba(227, 0, 15, .28);
}

.cta-red:hover,
.cta-red:focus {
  background: linear-gradient(150deg, #ff5f68, #d1000e 52%, #a30009);
  box-shadow: 0 16px 34px rgba(227, 0, 15, .36);
}

/* ── Section backgrounds ────────────────────────────────────── */
.sectionMoney {
  background: #fff;
}

.section-alt {
  background: linear-gradient(180deg, #fff 0%, #f8f9fb 100%);
  border-top-color: #e9ecef;
  border-bottom-color: #e9ecef;
}

/* ── Revenue model cards ────────────────────────────────────── */
.model-card {
  border-color: #e9ecef;
  border-top-color: #e3000f;
  box-shadow: 0 1px 2px rgba(16, 18, 20, .05);
}

.model-card:hover {
  border-color: rgba(227, 0, 15, .22);
  border-top-color: #b8000c;
  box-shadow: 0 18px 40px rgba(16, 18, 20, .1);
}

/* ── Feature list ───────────────────────────────────────────── */
.feature-row {
  border-bottom-color: #e9ecef;
}

.feature-check {
  background: linear-gradient(150deg, #ff4d57, #e3000f 55%, #b8000c);
  box-shadow: 0 4px 12px rgba(227, 0, 15, .26);
}

/* ── Rules panel ────────────────────────────────────────────── */
.rules-panel {
  border-color: #e9ecef;
  border-left-color: #e3000f;
  box-shadow: 0 4px 16px rgba(16, 18, 20, .05);
}

.rules-panel li::marker {
  color: #e3000f;
}

/* ── Country rate tiers ─────────────────────────────────────── */
.rate-tier-card {
  border-color: #e9ecef;
  box-shadow: 0 1px 2px rgba(16, 18, 20, .05);
}

.rate-tier-card:hover {
  box-shadow: 0 18px 40px rgba(16, 18, 20, .1);
}

.rate-tier-card.t1 {
  border-color: #f7c9cc;
}

.rate-tier-card.t1 .rate-tier-head {
  background: linear-gradient(135deg, #fff0f1 0%, #fff7f7 100%);
}

.rate-tier-card.t1 .tier-sub,
.rate-tier-card.t1 .tier-rate {
  color: #b8000c;
}

.rate-tier-card.t2 {
  border-color: #f6dcb3;
}

.rate-tier-card.t2 .rate-tier-head {
  background: linear-gradient(135deg, #fdf1e0 0%, #fdf8f0 100%);
}

.rate-tier-card.t2 .tier-sub,
.rate-tier-card.t2 .tier-rate {
  color: #b5691a;
}

.rate-tier-card.t3 {
  border-color: #e9ecef;
}

.rate-tier-card.t3 .rate-tier-head {
  background: linear-gradient(135deg, #f1f3f5 0%, #f8f9fb 100%);
}

.rate-tier-card.t3 .tier-sub,
.rate-tier-card.t3 .tier-rate {
  color: #495057;
}

.rate-tier-card.t4 {
  border-color: #e9ecef;
}

.rate-tier-card.t4 .rate-tier-head {
  background: linear-gradient(135deg, #f8f9fb 0%, #fcfcfd 100%);
}

.rate-tier-card.t4 .tier-sub,
.rate-tier-card.t4 .tier-rate {
  color: #6c757d;
}

/* ── Country flag rows ──────────────────────────────────────── */
.flag-item:nth-child(4n+1),
.flag-item:nth-child(4n+2) {
  background: #f8f9fb;
}

.flag-item .flag {
  box-shadow: 0 0 0 1px rgba(16, 18, 20, .1);
}

.flag-item .flag-globe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 16px;
  font-size: 14px;
  line-height: 1;
  box-shadow: none;
}

.rules-panel.rules-notice {
  background: linear-gradient(135deg, #fff5f5 0%, #fff 100%);
  border-color: rgba(227, 0, 15, .18);
}

.rules-panel.rules-notice p {
  color: #7a1f27;
  font-weight: 600;
}