:root{--rf-bg:#050712;--rf-panel:#0c1222;--rf-panel2:#111a2d;--rf-line:rgba(167,184,225,.14);--rf-text:#f4f7ff;--rf-muted:#8793aa;--rf-indigo:#7c8cff;--rf-cyan:#42d9ed;--rf-mint:#52e6af;--rf-amber:#ffcc66}
*{box-sizing:border-box}
body.page-referrals{margin:0;min-height:100vh;color:var(--rf-text);background:radial-gradient(900px 560px at 5% -10%,rgba(76,105,255,.2),transparent 62%),radial-gradient(760px 520px at 100% 15%,rgba(45,210,218,.1),transparent 66%),var(--rf-bg);font-family:Manrope,system-ui,sans-serif}
.rf-nav{position:sticky;top:0;z-index:100;min-height:72px;padding:0 clamp(1rem,3vw,2.4rem);display:flex;align-items:center;gap:1.2rem;border-bottom:1px solid var(--rf-line);background:rgba(5,8,18,.86);backdrop-filter:blur(22px)}
.rf-logo{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-size:.82rem;font-weight:900;letter-spacing:.07em}.rf-logo img{width:38px;height:38px;padding:3px;object-fit:contain;border:1px solid rgba(124,140,255,.2);border-radius:13px;background:rgba(124,140,255,.08)}.rf-logo em{color:var(--rf-cyan);font-style:normal}
.rf-beta{margin-left:-.3rem;padding:.25rem .38rem;border:1px solid #ff8797;border-radius:6px;background:#df2948;color:#fff;font:900 .48rem "JetBrains Mono",monospace;transform:rotate(-5deg) translateY(-8px)}
.rf-links{display:flex;align-items:center;gap:.25rem}.rf-links a{padding:.58rem .72rem;border-radius:10px;color:#8996af;text-decoration:none;font-size:.69rem;font-weight:750}.rf-links a:hover,.rf-links a.active{color:#fff;background:rgba(124,140,255,.12)}
.rf-nav-actions{margin-left:auto;display:flex;align-items:center;gap:.55rem}.rf-nav-btn{padding:.6rem .8rem;border:1px solid var(--rf-line);border-radius:11px;background:rgba(255,255,255,.025);color:#d8e0ef;text-decoration:none;font-size:.66rem;font-weight:800}.rf-nav-btn.primary{border-color:rgba(66,217,237,.26);background:linear-gradient(135deg,rgba(124,140,255,.16),rgba(66,217,237,.1))}
.rf-user{display:none;color:#aeb9cc;font:700 .64rem "JetBrains Mono",monospace}.rf-logout{display:none;border:0;background:transparent;color:#ff8396;font-size:.65rem;font-weight:800;cursor:pointer}
.rf-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.2rem,6vw,5.5rem) 0 4rem}
.rf-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:1rem;align-items:stretch}
.rf-hero-main,.rf-hero-side,.rf-card{border:1px solid var(--rf-line);border-radius:24px;background:linear-gradient(145deg,rgba(14,21,39,.96),rgba(7,11,22,.96));box-shadow:0 25px 70px rgba(0,0,0,.3)}
.rf-hero-main{position:relative;overflow:hidden;padding:clamp(1.4rem,4vw,2.7rem)}.rf-hero-main:after{content:"";position:absolute;width:270px;height:270px;right:-80px;top:-100px;border-radius:50%;background:rgba(66,217,237,.12);filter:blur(10px)}
.rf-kicker{position:relative;z-index:1;margin-bottom:.8rem;color:var(--rf-mint);font:700 .65rem "JetBrains Mono",monospace;letter-spacing:.15em;text-transform:uppercase}
.rf-hero h1{position:relative;z-index:1;max-width:720px;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.02;letter-spacing:-.045em}.rf-hero h1 span{color:var(--rf-cyan)}
.rf-lead{position:relative;z-index:1;max-width:700px;margin:1rem 0 0;color:#aab5c8;font-size:.86rem;line-height:1.7}
.rf-hero-actions{position:relative;z-index:1;display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.rf-button{display:inline-flex;align-items:center;justify-content:center;padding:.72rem .95rem;border:1px solid var(--rf-line);border-radius:12px;background:rgba(255,255,255,.03);color:#e8eef9;text-decoration:none;font-size:.7rem;font-weight:850;cursor:pointer}.rf-button.primary{border:0;background:linear-gradient(135deg,var(--rf-indigo),var(--rf-cyan));color:#07101b}
.rf-hero-side{padding:1.3rem;display:grid;gap:.65rem}.rf-rate{padding:1rem;border:1px solid rgba(82,230,175,.16);border-radius:16px;background:rgba(82,230,175,.055)}.rf-rate span{display:block;color:var(--rf-muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.rf-rate strong{display:block;margin-top:.3rem;color:var(--rf-mint);font:800 1.55rem "JetBrains Mono",monospace}.rf-rate small{display:block;margin-top:.25rem;color:#9ba8ba;font-size:.63rem;line-height:1.45}
.rf-section{margin-top:1rem}.rf-section-title{margin:0 0 .7rem;font-size:1rem}.rf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.rf-step{padding:1.1rem;border:1px solid var(--rf-line);border-radius:18px;background:rgba(12,18,34,.9)}.rf-step-num{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(124,140,255,.14);color:#bfc8ff;font:800 .65rem "JetBrains Mono",monospace}.rf-step h3{margin:.7rem 0 .35rem;font-size:.82rem}.rf-step p{margin:0;color:var(--rf-muted);font-size:.67rem;line-height:1.6}
.rf-account{display:none;margin-top:1rem}.rf-card{padding:1.15rem;margin-bottom:.8rem}.rf-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.rf-card h2{margin:0;font-size:1rem}.rf-card-copy{margin:.3rem 0 0;color:var(--rf-muted);font-size:.66rem;line-height:1.55}.rf-code{padding:.38rem .55rem;border:1px solid rgba(66,217,237,.2);border-radius:8px;color:var(--rf-cyan);font:700 .62rem "JetBrains Mono",monospace}
.rf-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.rf-input{min-width:0;padding:.75rem .82rem;border:1px solid var(--rf-line);border-radius:11px;background:#070b14;color:#dbe5f5;outline:none;font:600 .68rem "JetBrains Mono",monospace}
.rf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.8rem}.rf-stat{padding:.8rem;border:1px solid var(--rf-line);border-radius:13px;background:rgba(255,255,255,.02)}.rf-stat span{display:block;color:var(--rf-muted);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.rf-stat strong{display:block;margin-top:.35rem;color:#fff;font:750 .78rem "JetBrains Mono",monospace;overflow-wrap:anywhere}
.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.rf-table-wrap{overflow:auto;border:1px solid var(--rf-line);border-radius:14px}.rf-table{width:100%;border-collapse:collapse;min-width:560px}.rf-table th,.rf-table td{padding:.72rem .78rem;text-align:left;border-bottom:1px solid var(--rf-line);font-size:.64rem}.rf-table th{color:#8491a8;background:rgba(255,255,255,.02);font-size:.54rem;text-transform:uppercase;letter-spacing:.08em}.rf-table td{color:#cbd5e5}.rf-table tr:last-child td{border-bottom:0}.rf-status{display:inline-flex;padding:.22rem .4rem;border-radius:6px;background:rgba(82,230,175,.09);color:var(--rf-mint);font:800 .52rem "JetBrains Mono",monospace}.rf-status.pending{background:rgba(255,204,102,.09);color:var(--rf-amber)}.rf-status.restricted{background:rgba(255,98,125,.09);color:#ff8298}
.rf-empty{padding:1.5rem;color:var(--rf-muted);text-align:center;font-size:.67rem}.rf-guest{margin-top:1rem;padding:1.2rem;border:1px solid rgba(124,140,255,.22);border-radius:18px;background:rgba(124,140,255,.06);display:flex;align-items:center;justify-content:space-between;gap:1rem}.rf-guest h2{margin:0 0 .3rem;font-size:.95rem}.rf-guest p{margin:0;color:var(--rf-muted);font-size:.68rem}.rf-note{margin-top:.8rem;padding:.85rem 1rem;border-left:2px solid var(--rf-amber);background:rgba(255,204,102,.045);color:#a9b3c5;font-size:.64rem;line-height:1.65}
@media(max-width:900px){.rf-links{display:none}.rf-hero{grid-template-columns:1fr}.rf-steps,.rf-stats{grid-template-columns:repeat(2,1fr)}.rf-grid{grid-template-columns:1fr}}
@media(max-width:600px){.rf-shell{width:min(100% - 1rem,1180px);padding-top:1rem}.rf-nav{min-height:64px;padding:0 .6rem;gap:.5rem}.rf-logo span:not(.rf-beta){display:none}.rf-nav-btn{padding:.55rem .62rem}.rf-user{display:none!important}.rf-hero-main,.rf-hero-side,.rf-card{border-radius:18px}.rf-steps,.rf-stats{grid-template-columns:1fr}.rf-link-row{grid-template-columns:1fr}.rf-guest{display:block}.rf-guest .rf-button{margin-top:.8rem;width:100%}}