.cta-sec{padding:var(--sec) var(--pad);background:var(--bg)}
.cta-in{max-width:1400px;margin:0 auto;padding:80px 64px;background:var(--cta-bg);color:var(--cta-ink);border-radius:32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px rgba(0,0,0,.35)}
@media(min-width:768px){.cta-in{padding:120px 96px}}
@media(min-width:1200px){.cta-in{padding:160px 160px}}
@media(max-width:640px){.cta-in{padding:56px 24px;border-radius:24px;max-width:100%}}
.cta-in::before,.cta-in::after{content:"";position:absolute;pointer-events:none;animation:drift 12s var(--ease-drift) infinite}
.cta-in::before{top:-40%;right:-15%;width:70%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 60%)}
.cta-in::after{bottom:-40%;left:-15%;width:60%;height:180%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 60%);animation-direction:reverse}
.cta-in > *{position:relative;z-index:1}
.cta-sec h2{font-size:32px;font-weight:300;letter-spacing:-.5px;line-height:1.15;margin:0 auto 20px;max-width:900px;color:var(--cta-ink)}
@media(min-width:480px){.cta-sec h2{font-size:44px}}
@media(min-width:768px){.cta-sec h2{font-size:60px;margin-bottom:24px}}
@media(min-width:1024px){.cta-sec h2{font-size:72px}}
.cta-sec p{font-size:16px;color:var(--cta-mut);margin:0 auto 36px;max-width:680px;line-height:1.55}
@media(min-width:768px){.cta-sec p{font-size:21px;margin-bottom:44px}}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.cta-sec .btn{background:var(--cta-btn-bg);color:var(--cta-btn-ink);height:56px;padding:0 36px;font-size:16px;font-weight:600;border-radius:14px;transition:background .3s,box-shadow .3s,transform .3s}
@media(min-width:768px){.cta-sec .btn{height:60px;padding:0 44px}}
.cta-sec .btn:hover{background:var(--cta-btn-hover);box-shadow:0 12px 36px rgba(0,0,0,.22);transform:translateY(-2px)}
.cta-sec .btn-earn{background:transparent;color:var(--cta-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.cta-sec .btn-earn:hover{background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
@media(max-width:640px){
  .cta-actions .btn-earn,.cta-actions .btn-ghost{display:none}
  .cta-actions > .btn:not(.btn-earn):not(.btn-ghost){flex:1 1 100%;max-width:100%;height:52px;font-size:15px;padding:0 24px}
}