.cf-ch-shell { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
.cf-ch-hero { text-align: center; margin-bottom: 1.5rem; }
.cf-ch-hero h1 { font-family: 'Fredoka One', cursive; font-size: 2.25rem; color: #1e293b; margin: 0 0 0.5rem; }
.cf-ch-hero h1 span { color: #f59e0b; }
.cf-ch-hero > p { color: #64748b; font-weight: 700; margin: 0; }
.cf-ch-summary { display: flex; justify-content: center; gap: 2rem; margin-top: 1.25rem; flex-wrap: wrap; }
.cf-ch-summary div { text-align: center; }
.cf-ch-summary strong { display: block; font-family: 'Fredoka One', cursive; font-size: 1.75rem; color: #0ea5e9; }
.cf-ch-summary small { font-size: 0.65rem; font-weight: 800; color: #64748b; text-transform: uppercase; }
.cf-ch-tabs { display: flex; justify-content: center; gap: 0.5rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.cf-ch-tabs button {
  padding: 0.5rem 1.25rem; border-radius: 999px; font-weight: 900; font-size: 0.8rem;
  background: #fff; color: #64748b; border: 2px solid #e2e8f0;
}
.cf-ch-tabs button.active { background: #0ea5e9; color: #fff; border-color: #0284c7; }
.cf-ch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.cf-ch-card {
  background: #fff; border: 3px solid #e2e8f0; border-bottom: 6px solid #cbd5e1;
  border-radius: 24px; padding: 1.25rem;
}
.cf-ch-card.done { border-color: #10b981; border-bottom-color: #047857; }
.cf-ch-card h4 { font-family: 'Fredoka One', cursive; color: #1e293b; font-size: 1.05rem; margin: 0.35rem 0; }
.cf-ch-tier { font-size: 0.6rem; font-weight: 900; text-transform: uppercase; color: #8b5cf6; }
.cf-ch-bar { height: 8px; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin: 0.65rem 0; }
.cf-ch-bar div { height: 100%; background: linear-gradient(90deg, #0ea5e9, #f59e0b); transition: width 0.3s; }
.cf-ch-claim {
  width: 100%; margin-top: 0.5rem; padding: 0.5rem; border-radius: 99px; font-weight: 900; font-size: 0.75rem;
  background: linear-gradient(135deg, #10b981, #059669); color: #fff; border: none; border-bottom: 3px solid #047857; cursor: pointer;
}