.referral-reward{color:var(--ax-ink);font-weight:700}.referral-track{list-style:none;display:flex;margin:0;padding:var(--space-2) 0 0}.referral-milestone{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.referral-milestone+.referral-milestone:before{content:"";position:absolute;top:7px;right:50%;width:100%;height:2px;background:var(--color-border)}.referral-milestone--reached+.referral-milestone--reached:before{background:var(--ax-volt)}.referral-milestone-dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border-strong);background:var(--surface-card)}.referral-milestone--reached .referral-milestone-dot{border-color:var(--ax-ink);background:var(--ax-volt)}.referral-milestone-label{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--ax-ink)}.referral-milestone-reward{font-size:var(--text-xs, .75rem);color:var(--color-text-secondary)}.referral-count-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.referral-count-label{font-family:var(--ax-font-display);font-size:var(--text-sm, .875rem);font-weight:700;color:var(--ax-ink)}.referral-count-value{font-family:var(--ax-font-display);font-size:var(--text-3xl, 2rem);font-weight:700;line-height:1;color:var(--ax-ink)}.referral-smallprint{margin:0;font-size:var(--text-xs, .75rem);line-height:1.5;color:var(--color-text-secondary)}