/* ======================== 6. REGISTRATION CTA ======================== */
.cta-box{
  position:relative;overflow:hidden;border-radius:28px;padding:60px 48px;
  background:linear-gradient(135deg,#2a1450 0%,#4a1240 55%,#151030 100%);
  border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;
}
.cta-box.no-bonus{grid-template-columns:1fr}
.cta-box::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:var(--gold);filter:blur(140px);opacity:.25;right:-80px;top:-100px}
.cta-box > *{position:relative;z-index:1;min-width:0}
.cta-box h2{font-family:var(--font-head);font-size:clamp(2.4rem,6vw,3.8rem);line-height:.95;letter-spacing:.02em}
.cta-box p{color:#d8d1ee;margin:16px 0 26px;max-width:480px}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.ref-box{
  margin-top:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(0,0,0,.3);
  border:1px dashed rgba(255,255,255,.2);border-radius:14px;padding:12px 14px;max-width:480px;
}
.ref-box small{color:var(--muted);width:100%;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.ref-box code{flex:1;min-width:0;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent)}
.copy-btn{background:var(--bg-3);color:var(--text);border:0;padding:8px 14px;border-radius:10px;font-family:inherit;font-weight:700;font-size:.8rem;cursor:pointer}
.bonus-list{list-style:none;display:grid;gap:12px}
.bonus-list li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,201,77,.25)}
.bonus-list .b-val{font-family:var(--font-head);font-size:1.9rem;color:var(--gold);min-width:78px;line-height:1}
.bonus-list .b-txt b{display:block;font-size:.95rem}
.bonus-list .b-txt span{font-size:.8rem;color:var(--muted)}
.tnc{font-size:.75rem;color:var(--muted);margin-top:12px}

@media (max-width:1024px){ .cta-box{grid-template-columns:1fr;padding:48px 36px} }
@media (max-width:560px){
  .cta-box{padding:36px 22px;border-radius:22px}
  .cta-actions .btn{width:100%}
}