/* ===================================
   Invite Your Friend Block Styles
   =================================== */

.invite-block {
  text-align: center;
  padding: 70px 56px;
  max-width: 840px;
  margin: 0 auto;
  position: relative;
}
.invite-block .eyebrow { justify-content: center; margin-bottom: 24px; }
.invite-block h2 {
  font-family: 'Cinzel', serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 500;
  margin-bottom: 20px;
  background: linear-gradient(180deg, #fff 0%, var(--gold-bright, #f4d27a) 60%, var(--gold, #d4af37) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.1;
}
.bonus-num {
  font-family: 'Cinzel', serif;
  font-style: italic;
  font-size: 64px;
  font-weight: 500;
  background: linear-gradient(180deg, var(--purple-bright, #a78bfa), var(--gold, #d4af37));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin: 14px 0 28px;
  letter-spacing: 0.02em;
}
.bonus-num span {
  display: block;
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gold, #d4af37);
  font-style: normal;
  margin-top: 8px;
  -webkit-text-fill-color: var(--gold, #d4af37);
}
.invite-cta-row { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; align-items: center; }
.spin-locked {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.spin-locked .btn { opacity: 0.6; cursor: not-allowed; pointer-events: none; }
.spin-locked .lock-label {
  font-family: 'Manrope', sans-serif;
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--text-muted, #7a6f80);
}
.spin-locked .lock-label::before { content: '✦ '; color: var(--gold, #d4af37); }

@media (max-width: 900px) {
  .invite-block { padding: 50px 28px; }
}