/* Rewards Page (dark theme with gold accents) */

/* Hero */
.rewards-hero{background:radial-gradient(1200px 500px at 80% -60%, #0f1014 60%, transparent 60%)}
.rewards-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.rewards-hero__content h1{font-size:42px;line-height:1.1;margin:0 0 10px}
.rewards-hero__content .btns{display:flex;gap:12px;margin-top:10px}
.rewards-hero__visual{display:flex;justify-content:center}
.coin-banner{position:relative;width:320px;height:220px;border-radius:22px;background:#0b0c10;border:1px solid #23252b;box-shadow:0 16px 50px rgba(0,0,0,.45);overflow:hidden}
.coin{position:absolute;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b7962f);box-shadow:0 6px 20px rgba(0,0,0,.35)}
.coin.c1{top:24px;left:28px;animation: floatY 5.2s ease-in-out infinite}
.coin.c2{top:86px;right:40px;width:44px;height:44px;animation: floatY 4.6s ease-in-out infinite .2s}
.coin.c3{bottom:22px;left:120px;width:38px;height:38px;animation: floatY 5.8s ease-in-out infinite .4s}
.card-glass{position:absolute;inset:auto 16px 16px 16px;background:rgba(23,24,28,.6);backdrop-filter:blur(6px);border:1px solid #23252b;border-radius:14px;padding:10px;display:grid;gap:6px}
.card-glass .line{color:#eaecef;font-weight:600}

/* Dashboard */
.rewards-dash{background:#0f1014}
.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.panel{background:#0b0c10;border:1px solid #23252b;border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.points-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0}
.metric{color:#9aa3ad;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.metric-value{font-size:28px;font-weight:800;color:var(--gold)}
.progress-wrap{margin-top:8px}
.progress-bar{height:10px;border-radius:999px;background:#15161b;border:1px solid #23252b;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 0 12px rgba(212,175,55,.25) inset;transition:width .5s ease}
.progress-label{display:flex;justify-content:flex-end;color:#cfd3da;font-size:12px;margin-top:6px}

/* Tiers */
.tiers{background:#0f1014}
.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tier-card{background:#0b0c10;border:1px solid #23252b;border-radius:16px;padding:16px;transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease}
.tier-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.35);border-color:var(--gold)}
.tier-card h3{margin:6px 0}
.tier-card .tier-icon{width:40px;height:40px;border-radius:50%;background:#111318;border:1px solid #23252b}
.tier-card .points{margin-top:8px}
.tier-card.bronze h3{color:#b87333}
.tier-card.silver h3{color:#c0c0c0}
.tier-card.gold h3{color:var(--gold)}
.mini-progress{display:flex;align-items:center;gap:8px;margin:8px 0}
.mini-progress .bar{flex:1;height:8px;border-radius:999px;background:#15161b;border:1px solid #23252b;overflow:hidden}
.mini-progress .fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}

/* Offers */
.offers{background:#0f1014}
.offers-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}
.offer-card{background:#0b0c10;border:1px solid #23252b;border-radius:16px;padding:16px}
.offer-card.highlight{background:linear-gradient(180deg,#0b0c10, #0f1116);border-color:#2a2a2a;box-shadow:0 12px 38px rgba(0,0,0,.35)}
.offer-top .kicker{color:#cfd3da;letter-spacing:.12em;font-size:12px}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.countdown > div{background:#111318;border:1px solid #23252b;border-radius:12px;padding:10px;text-align:center}
.countdown span{display:block;font-weight:800;font-size:22px;color:var(--gold)}
.countdown small{color:#9aa3ad}
.promo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0f1116;border:1px solid #23252b;border-radius:12px;padding:10px;margin-top:8px}
.promo code{color:#eaecef;font-weight:700}
.partners{display:grid;gap:10px;margin-top:8px}
.partner{display:flex;gap:10px;align-items:center;background:#0f1116;border:1px solid #23252b;border-radius:12px;padding:10px}
.partner .logo{width:36px;height:36px;display:grid;place-items:center;background:#15161b;border:1px solid #23252b;border-radius:10px}

/* How (alt) */
.how.alt{background:#0b0b0d}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.how-step{background:#0f1116;border:1px solid #23252b;border-radius:14px;padding:14px;text-align:center}
.how-icon{font-size:22px;margin-bottom:6px}

/* CTA wide */
.cta-wide{background:#0f1014}
.cta-wide h2{margin:0 0 6px}

/* Responsive */
@media (max-width: 980px){
  .rewards-hero__grid{grid-template-columns:1fr}
  .dash-grid{grid-template-columns:1fr}
  .tiers-grid{grid-template-columns:repeat(2,1fr)}
  .offers-grid{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .tiers-grid{grid-template-columns:1fr}
  .how-steps{grid-template-columns:1fr}
}