.referral-card{background:radial-gradient(circle at 90% 0,#7146bd2b,#0000 38%),linear-gradient(145deg,#151020,#0c0a12);border:1px solid #8d5de633;border-radius:25px;max-width:620px;margin:18px auto;padding:26px;position:relative}.referral-card>header{justify-content:space-between;gap:20px;display:flex}.referral-card>header small{color:#b98cff;font-weight:800}.referral-card h2{margin:6px 0;font-size:23px}.referral-card header p{color:#9d97a8;margin:0;line-height:1.7}.referral-card>header>svg{color:#bc91ff;background:#8c57dd22;border-radius:16px;width:48px;height:48px;padding:12px}.referral-progress{margin:22px 0}.referral-progress>div{color:#aaa1b4;justify-content:space-between;gap:10px;font-size:12px;display:flex}.referral-progress span{align-items:center;gap:6px;display:flex}.referral-progress svg{width:14px}.referral-progress b{color:#d2b9ff}.referral-progress>i{background:#ffffff0d;border-radius:99px;height:8px;margin-top:9px;display:block;overflow:hidden}.referral-progress>i span{border-radius:inherit;background:linear-gradient(90deg,#8150d4,#b381ff);height:100%;display:block}.referral-pending{color:#9c91aa;font-size:12px}.referral-link{background:#08070d;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:grid}.referral-link span{text-overflow:ellipsis;white-space:nowrap;color:#b7afbf;min-width:0;font-size:12px;overflow:hidden}.referral-link button,.referral-share{color:#fff;background:#241a34;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-weight:800;display:flex}.referral-link svg,.referral-share svg{width:16px}.referral-share{background:linear-gradient(135deg,#8a5be6,#6138ba);width:100%;margin-top:10px}.referral-card.disabled{align-items:center;gap:16px;display:flex}.referral-card.disabled>svg{color:#81798a}@media (max-width:600px){.referral-card{padding:21px}.referral-card h2{font-size:20px}.referral-progress>div{flex-direction:column;align-items:flex-start}.referral-link{grid-template-columns:minmax(0,1fr) auto}}