.ref-hero{background:linear-gradient(135deg, var(--brand-500), var(--brand-700) 50%, var(--brand-900));color:#fff;border-radius:24px;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;padding:36px;display:grid;position:relative;overflow:hidden}@media (max-width:1024px){.ref-hero{grid-template-columns:1fr}}.ref-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a,#0000 70%);width:320px;height:320px;position:absolute;top:-60px;right:-60px}.ref-hero h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:32px}.ref-hero p{opacity:.85;max-width:460px;margin:0;font-size:15px;line-height:1.55}.ref-code-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;padding:20px}.ref-code-box .lbl{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:11px;font-weight:700}.ref-code-box .code{font-family:var(--font-mono);letter-spacing:.1em;margin-top:4px;font-size:30px;font-weight:700}.ref-link-row{gap:8px;margin-top:12px;display:flex}.ref-link-row input{color:#fff;height:40px;font-family:var(--font-mono);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;flex:1;padding:0 14px;font-size:13px}.ref-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.rs{background:var(--bg-base);border:1px solid var(--border);border-radius:14px;padding:20px}.rs .n{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1}.rs .l{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:12px;font-weight:600}.invitee-table{background:var(--bg-base);border:1px solid var(--border);border-radius:14px;overflow:hidden}.invitee-table .row{border-bottom:1px solid var(--border);grid-template-columns:1fr 120px 120px 120px 100px;align-items:center;padding:14px 20px;font-size:13px;display:grid}.invitee-table .row:last-child{border-bottom:none}.invitee-table .row.h{background:var(--bg-subtle);text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:11px;font-weight:700}.invitee-table .who{align-items:center;gap:10px;display:flex}.invitee-table .who .av{background:var(--bg-muted);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}
