
.main-content { max-width: 900px; margin: 0 auto; padding: 3rem clamp(1.5rem, 5vw, 2rem); }

.page-header { text-align: center; margin-bottom: 2.5rem; }
.page-header h1 { font-family: 'Crimson Pro', serif; font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; color: #ff6b4a; margin-bottom: 1rem; }
.page-header p { color: #68717f; font-size: 1.1rem; max-width: 700px; margin: 0 auto 0; line-height: 1.7; }

.info-box { background: white; border-left: 4px solid #ff6b4a; border-radius: var(--r-md); padding: 1.5rem 2rem; margin-bottom: 1.5rem; box-shadow: var(--shadow-1); }
.info-box h2 { font-family: 'Crimson Pro', serif; font-size: 1.4rem; color: #354052; margin-bottom: 0.75rem; }
.info-box p { color: #48536a; line-height: 1.8; margin: 0 0 0.75rem; }
.info-box p:last-child { margin: 0; }
.info-box.warning { border-left-color: #a3611a; }

.cashback-card { background: white; border: 1px solid #e3ddd3; border-radius: var(--r-md); padding: 1.75rem 2rem; margin-bottom: 1.5rem; box-shadow: var(--shadow-2); }
.cb-card-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.cb-casino { font-family: 'Crimson Pro', serif; font-size: 1.5rem; font-weight: 700; color: #354052; }
.cb-portal-badge { display: inline-block; background: #eef2ff; color: #4338ca; font-size: 0.8rem; font-weight: 600; padding: 0.25rem 0.7rem; border-radius: var(--r-pill); }
.cb-headline { color: #48536a; font-size: 1.05rem; margin-bottom: 1.25rem; }

.cb-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0.75rem; margin-bottom: 1.25rem; }
.cb-stat { background: #f8f5f0; border-radius: var(--r-md); padding: 0.85rem 1rem; }
.cb-stat-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: #99a2b0; margin-bottom: 0.2rem; }
.cb-stat-value { font-weight: 700; color: #354052; font-size: 1.05rem; }
.cb-stat-value.ev { color: #17604a; }

.cb-deal { color: #48536a; line-height: 1.7; margin-bottom: 1rem; }

.cb-details summary { cursor: pointer; font-weight: 600; color: #ff6b4a; padding: 0.5rem 0; }
.cb-details ol { margin: 0.75rem 0 1rem 1.25rem; color: #48536a; line-height: 1.8; }
.cb-details ol li { margin-bottom: 0.5rem; }
.cb-ev-breakdown { background: #eef5f2; border-left: 4px solid #17604a; border-radius: var(--r-md); padding: 1rem 1.25rem; color: #114a39; line-height: 1.7; margin-bottom: 1rem; }
.cb-stack-note { background: #eef2f7; border-left: 4px solid #2f5d8f; border-radius: var(--r-md); padding: 1rem 1.25rem; color: #24466d; line-height: 1.7; margin-bottom: 1rem; }
.cb-terms { margin: 0.5rem 0 0.5rem 1.25rem; color: #68717f; font-size: 0.92rem; line-height: 1.7; }
.cb-terms-source { color: #99a2b0; font-size: 0.85rem; font-style: italic; margin-bottom: 0.5rem; }
.cb-checked { color: #99a2b0; font-size: 0.82rem; }

.cb-cta { display: inline-block; background: #ff6b4a; color: white; text-decoration: none; padding: 0.85rem 1.75rem; border-radius: var(--r-md); font-weight: 600; margin-top: 1rem; transition: all 0.2s ease; }
.cb-cta:hover { background: #f0552f; transform: translateY(-2px); box-shadow: var(--shadow-2); }

/* Gated (Members Only) state */
.cashback-card.gated-locked { cursor: pointer; background: #f8f5f0; }
.cashback-card.gated-locked:hover { border-color: #ff6b4a; }
.cashback-card.gated-locked .cb-casino,
.cashback-card.gated-locked .cb-stats,
.cashback-card.gated-locked .cb-deal,
.cashback-card.gated-locked .cb-details,
.cashback-card.gated-locked .cb-cta { display: none; }
.cashback-card.gated-locked .cb-headline { color: #99a2b0; font-style: italic; margin-bottom: 0; }
.cb-locked-label { display: none; font-weight: 700; color: #354052; font-size: 1.1rem; }
.cashback-card.gated-locked .cb-locked-label { display: inline; }

.discord-strip { text-align: center; margin: 2.5rem 0 1rem; color: #68717f; }
.discord-strip a { color: #5865f2; font-weight: 600; text-decoration: none; }
.discord-strip a:hover { text-decoration: underline; }

.coming-soon-card { background: white; border: 1px solid #e3ddd3; border-radius: var(--r-md); padding: 3rem 2.5rem; text-align: center; box-shadow: var(--shadow-2); margin-bottom: 2rem; }
.coming-soon-card h2 { font-family: 'Crimson Pro', serif; font-size: 1.8rem; color: #354052; margin-bottom: 1rem; }
.coming-soon-card p { color: #48536a; line-height: 1.8; max-width: 580px; margin: 0 auto; }

@media (max-width: 640px) {
    .cashback-card { padding: 1.5rem 1.25rem; }
}
