.referral-page .referral-notice{color:var(--muted);margin-bottom:16px}.referral-page .referral-error{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.referral-page .referral-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:12px;display:flex}.referral-page .referral-metrics .metric-value{overflow-wrap:anywhere;min-width:0}@media (max-width:720px){.app-layout:has(.referral-page) .account-bar{gap:8px}.app-layout:has(.referral-page) .account-bar-end{gap:8px}.app-layout:has(.referral-page) .balance-pill{gap:6px;padding:6px 8px}.app-layout:has(.referral-page) .balance-pill span{font-size:11px}.app-layout:has(.referral-page) .account-avatar{display:none}}.referral-page button:focus-visible,.referral-page a:focus-visible,.referral-page summary:focus-visible,.referral-page input:focus-visible,.referral-page .table-wrap:focus-visible{outline-offset:4px;outline:2px solid #b3b0ff}.referral-page{max-width:1480px;margin-inline:auto}.referral-page .referral-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:24px;display:flex}.referral-page .referral-heading h1{letter-spacing:-.025em;font-size:26px;font-weight:650}.referral-page .referral-heading p{color:var(--muted);margin:9px 0 0;font-size:14px}.referral-page .conditions-link{font:inherit;cursor:pointer;color:#b5b1ff;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px}.referral-page .referral-hero{background:radial-gradient(ellipse at 4% 0%, #252044 0, transparent 62%), var(--surface);border-color:#36325a;grid-template-columns:1.15fr 1fr;gap:28px;padding:30px;display:grid}.referral-page .hero-pitch{align-self:center}.referral-page .eyebrow{letter-spacing:.1em;color:#b4ade8;align-items:center;gap:8px;margin-bottom:19px;font-size:10px;font-weight:650;display:flex}.referral-page .hero-pitch h2{letter-spacing:-.035em;font-size:clamp(30px,3vw,42px);font-weight:650;line-height:1.15}.referral-page .rate{color:#aaa3ff}.referral-page .hero-pitch p{color:#abb0ce;max-width:410px;margin:18px 0 24px;font-size:14px;line-height:1.7}.referral-page .benefits{color:#c2bfdc;flex-wrap:wrap;gap:10px 18px;font-size:11px;display:flex}.referral-page .benefits>span>span:first-child{color:#9a8cff;padding-right:4px}.referral-page .referral-link-box{background:#0d0e1cbd;border:1px solid #36304f;border-radius:12px;min-width:0;padding:22px}.referral-page .link-icon{background:var(--accent-soft);color:#bab4ff;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:12px;font-size:22px;display:grid}.referral-page .referral-link-box label{font-size:15px;font-weight:600;display:block}.referral-page .referral-link-box p{color:var(--muted);margin:5px 0 16px;font-size:12px;line-height:1.6}.referral-page .referral-link-box input{background:#141524;border-color:#343044;width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.referral-page .copy-button{width:100%;margin-top:10px;font-size:13px}.referral-page .copy-feedback{color:#78dfb9;min-height:19px;margin:6px 0 2px;font-size:12px}.referral-page .referral-link-box small{color:var(--muted);font-size:11px;line-height:1.5;display:block}.referral-page .referral-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 26px;display:grid}.referral-page .metric-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.referral-page .referral-metrics .metric-label{font-size:11px}.referral-page .metric-symbol{color:#9289c9;font-size:19px}.referral-page .referral-metrics .metric-value{font-variant-numeric:tabular-nums;font-size:30px}.referral-page .referral-metrics .metric-hint{margin-top:7px;font-size:12px;line-height:1.5}.referral-page .earned-card{background:linear-gradient(130deg, #201b36, var(--surface));border-color:#423961}.referral-page .earned-card .metric-value{color:#bcb4ff}.referral-page .history-card{padding:0;overflow:hidden}.referral-page .section-heading{justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 18px;display:flex}.referral-page .section-heading h2,.referral-page .how-section h2{font-size:18px;font-weight:600}.referral-page .section-heading p{color:var(--muted);margin:7px 0 0;font-size:12px}.referral-page .subtle-tag{color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:3px 7px;font-size:11px}.referral-page .referral-table{border-collapse:collapse;width:100%;font-size:13px}.referral-page .referral-table th{color:var(--muted);text-align:left;white-space:nowrap;background:#151729;padding:11px 22px;font-size:11px;font-weight:500}.referral-page .referral-table td{white-space:nowrap;font-variant-numeric:tabular-nums;border-top:1px solid #25263a;padding:14px 22px}.referral-page .referral-table td:nth-child(3),.referral-page .referral-table td:nth-child(4),.referral-page .referral-table th:nth-child(3),.referral-page .referral-table th:nth-child(4){text-align:right}.referral-page .reward-positive{color:#71dcaf}.referral-page .reward-negative{color:#fca5a5}.referral-page .event-status{color:#78dfb9;background:#17302c;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-flex}.referral-page .event-status[data-kind=reversal]{color:#f4acbc;background:#332333}.referral-page .empty-state{text-align:center;padding:28px 22px 32px}.referral-page .empty-icon{color:#a59ad2;background:#1c1930;border:1px solid #35304d;border-radius:12px;place-items:center;width:40px;height:40px;margin:0 auto 14px;font-size:25px;display:grid}.referral-page .empty-state h3{font-size:15px;font-weight:500}.referral-page .empty-state p{max-width:400px;color:var(--muted);margin:9px auto 18px;font-size:12px;line-height:1.7}.referral-page .empty-state button{padding:8px 13px;font-size:12px}.referral-page .how-section{padding:28px 0 24px}.referral-page .how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px;display:grid}.referral-page .how-grid>div{padding-left:38px;position:relative}.referral-page .step{color:#9691bb;border:1px solid #35304d;border-radius:7px;padding:3px 6px;font-size:12px;position:absolute;top:-2px;left:0}.referral-page .how-grid h3{font-size:13px;font-weight:600}.referral-page .how-grid p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.65}.referral-page .conditions{margin-top:14px;padding:17px 20px}.referral-page summary{cursor:pointer;font-size:13px;font-weight:500}.referral-page .conditions li,.referral-page .conditions p{color:#a7acca;font-size:12px;line-height:1.75}.referral-page .conditions li{margin:8px 0}@media (max-width:1100px){.referral-page .referral-hero{gap:22px;padding:24px}.referral-page .referral-table th,.referral-page .referral-table td{padding-inline:14px}}@media (max-width:920px){.referral-page .referral-hero{grid-template-columns:1fr}.referral-page .referral-metrics{gap:10px}.referral-page .referral-metrics .card{padding:16px}.referral-page .referral-table{min-width:610px}.referral-page .how-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:720px){.referral-page .referral-heading h1{font-size:23px}.referral-page .referral-metrics{grid-template-columns:1fr}.referral-page .referral-metrics .card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;display:grid}.referral-page .referral-metrics .metric-value{text-align:right;grid-area:1/2/3;align-self:center;margin:0;font-size:26px}.referral-page .metric-symbol{display:none}.referral-page .referral-metrics .metric-hint{grid-column:1}.referral-page .referral-hero{gap:26px;padding:22px 18px}.referral-page .referral-link-box{padding:18px}.referral-page .section-heading{padding:20px 18px 16px}.referral-page .eyebrow{font-size:9px}}.referral-page .status-dot{background:#a29eff;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}