.referral-hero{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(93,225,246,.26);border-radius:16px;background:linear-gradient(145deg,rgba(6,44,59,.9),rgba(3,20,29,.86))}.referral-hero::after{content:"";position:absolute;right:-90px;top:-80px;width:300px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(93,230,246,.17),transparent 70%)}.referral-url-row{display:grid;grid-template-columns:1fr auto;gap:8px;position:relative;z-index:1}.referral-url-row input{min-width:0;width:100%;background:#03141d;border:1px solid rgba(81,197,221,.24);border-radius:10px;color:#fff;padding:10px}.referral-share{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.referral-share button{border:1px solid rgba(83,207,233,.25);background:#0a4053;color:#fff;border-radius:9px;padding:9px 11px;font-weight:800}.referral-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.referral-kpis article{padding:12px;border:1px solid rgba(80,190,214,.16);border-radius:12px;background:rgba(2,19,28,.65)}.referral-kpis span{display:block;color:#94b9c7;font-size:10px}.referral-kpis b{font-size:1.4rem}.referral-rule{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.referral-rule article{padding:12px;border-radius:12px;background:rgba(4,26,37,.65);border:1px solid rgba(82,193,217,.17)}.referral-rule strong{color:#72efc5}.ref-table{overflow:auto}.ref-table table{width:100%;border-collapse:collapse}.ref-table td,.ref-table th{padding:8px;border-bottom:1px solid rgba(80,183,207,.12);text-align:left}@media(max-width:700px){.referral-kpis,.referral-rule{grid-template-columns:1fr 1fr}.referral-url-row{grid-template-columns:1fr}.referral-share button{flex:1}}@media(max-width:430px){.referral-kpis,.referral-rule{grid-template-columns:1fr}}