.referrals{margin-top:28px;padding:clamp(22px,4vw,46px);border-radius:32px;background:#080912;color:#fff;border:1px solid #ff64cd66}
.referrals h2{font-size:clamp(32px,5vw,58px);line-height:1.05;margin:12px 0 22px;letter-spacing:-.04em}.referrals h2 span{color:#ff64cd}
.referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.referral-stats>div{padding:20px;border-radius:20px;background:#1635ff}.referral-stats strong{display:block;font-size:clamp(24px,4vw,36px);margin:10px 0;overflow-wrap:anywhere}.referral-stats span{font-weight:650;color:#e8e9ff}
.referral-link{padding:20px;background:#ff64cd;color:#080912;border-radius:22px}.referral-link label{font-weight:750}.referral-link input{width:100%;box-sizing:border-box;margin:12px 0;background:#080912;color:#fff;border:0;border-radius:12px;padding:14px;font-size:15px}.referral-buttons{display:flex;gap:12px;flex-wrap:wrap}.referrals .button:disabled{opacity:.55;cursor:not-allowed}.referrals .fine{color:#e6e3ff;line-height:1.65}.referral-counts{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0}.referral-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.referral-rules p{padding:18px;border:1px solid #ffffff30;border-radius:18px;font-weight:600;line-height:1.5}.referral-rules strong{color:#ff64cd;font-size:25px;display:block}.referrals h3{margin-top:28px}.referral-history p{line-height:1.6}.ref-status{line-height:1.55}.brand-mark{font-style:normal!important}
@media(max-width:600px){.referral-stats,.referral-rules{grid-template-columns:1fr}.referral-stats>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.referral-stats strong{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.referral-buttons .button{width:100%}.referrals{border-radius:24px}}