.referrals{position:relative;padding:88px 0 40px;color:#edf3e7}.referral-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.referral-heading .rewards-kicker{display:block;margin-bottom:12px}.referral-heading h2{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;margin:0}.referral-heading h2>span{color:#c4ef85}.referral-preview{font-size:12px;letter-spacing:.1em;border:1px solid #c4ef8533;border-radius:24px;color:#c4ef85;padding:8px 14px}.referral-code-panel,.referral-flow,.referral-history>section{border:1px solid #c4ef8529;border-radius:20px;background:linear-gradient(130deg,#19241bbf,#0b130fdb);backdrop-filter:none;-webkit-backdrop-filter:none}.referral-code-panel{display:grid;grid-template-columns:1fr minmax(320px,.8fr);gap:32px;align-items:center;padding:28px 32px}.referral-eyebrow{display:block;color:#bddb9f;font-size:12px;letter-spacing:.13em;margin-bottom:10px;font-weight:600}.referrals h3{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:0}.referral-code-panel p{font-size:14px;line-height:1.6;color:#a9b8a6;margin:10px 0 0}.referral-code-form>label{display:block;font-size:13px;color:#b7c7ae;margin-bottom:8px}.referral-code-controls{display:flex;gap:10px}.referral-input-wrap{display:flex;align-items:center;gap:6px;background:#060f0980;border:1px solid #bfd3a932;border-radius:10px;padding:0 12px;min-width:0;flex:1}.referral-input-wrap:focus-within{border-color:#c4ef85;box-shadow:0 0 0 3px #c4ef8510}.referral-input-wrap>span{color:#8d9f85;font-size:14px}.referral-input-wrap input{width:100%;min-width:0;border:0;background:transparent;color:#edf3e7;padding:12px 0;font:inherit;outline:0}.referral-code-controls button{white-space:nowrap;font-size:14px;border-radius:10px;padding:12px 18px}.referral-code-panel #referral-code-status{font-size:12px;min-height:19px;margin-top:7px}.referral-flow{margin-top:20px;padding:34px 32px 24px}.referral-flow-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.referral-total{display:flex;flex-direction:column;align-items:end;gap:5px;font-size:14px;color:#a9b8a6}.referral-total strong{font-size:16px;color:#e8f0e0;font-weight:500}.referral-network{margin:32px 0 24px}.referral-you{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:48px}.referral-you>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e3ffb6,#afdf79);color:#182b15;font-weight:600;font-size:18px;box-shadow:0 0 40px #c4ef8517,inset 0 1px 1px #ffffff88}.referral-you small{font-size:13px;color:#bed0b3;margin-top:10px}.referral-you:after{content:'';height:30px;width:1px;position:absolute;bottom:0;background:linear-gradient(#c4ef85,#c4ef8533)}.referral-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}.referral-levels:before{content:'';position:absolute;top:0;left:16.66%;right:16.66%;height:1px;background:#c4ef8533}.referral-level{position:relative;border:1px solid #c4ef8522;background:#15201670;border-radius:14px;margin-top:26px;padding:22px 24px}.referral-level:before{content:'';height:27px;width:1px;position:absolute;left:50%;top:-28px;background:#c4ef8533}.referral-level:first-child{border-color:#c4ef8540;background:linear-gradient(135deg,#a6d67516,#15201670)}.referral-level-title{display:flex;align-items:center;gap:10px}.referral-level-title>span{font-size:12px;color:#a6c38f;border:1px solid #b8d59c30;border-radius:6px;padding:4px 6px}.referral-level h4{font-size:14px;font-weight:500;margin:0;color:#c5d3bc}.referral-rate{font-size:clamp(46px,5vw,72px);font-weight:450;letter-spacing:-3px;line-height:1.1;color:#c4ef85;margin:24px 0 8px;font-variant-numeric:tabular-nums}.referral-rate>span{font-size:.55em;letter-spacing:-1px;margin-left:3px}.referral-level:nth-child(2) .referral-rate{color:#bad7a4}.referral-level:nth-child(3) .referral-rate{color:#a7c7b0}.referral-fee-label{font-size:13px;color:#adbea3;margin:0 0 26px}.referral-level-values{display:flex;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #bed4a617}.referral-level-values>div{display:flex;flex-direction:column;gap:4px}.referral-level-values>div:last-child{text-align:right}.referral-level-values strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.referral-level-values span{font-size:12px;color:#a9b8a6}.referral-explainer{display:flex;align-items:center;justify-content:center;gap:14px}.referral-discount{font-size:12px;font-weight:600;white-space:nowrap;color:#c4ef85;border-radius:6px;padding:7px 9px;background:#c4ef8510}.referral-explainer p{font-size:14px;color:#acbba6;line-height:1.6;margin:0}.referral-explainer strong{font-weight:500;color:#d5e4ca}.referral-math{margin-top:20px;text-align:center;color:#a9b8a6;font-size:13px}.referral-math summary{cursor:pointer;width:fit-content;margin:auto;color:#c3d4b7;padding:6px}.referral-math p{max-width:720px;margin:12px auto;line-height:1.7;font-size:14px}.referral-history{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.referral-history>section{padding:26px 30px;min-width:0}.referral-history-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.referral-history h3{font-size:22px}.referral-example-toggle{border:1px solid #c4ef8533;background:transparent;color:#c4ef85;font-size:12px;padding:7px 10px;border-radius:7px;cursor:pointer}.referral-empty{padding:28px 0 20px}.referral-empty>span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #c4ef8525;border-radius:8px;color:#a2bc8c;margin-bottom:12px}.referral-empty strong{display:block;font-size:16px;font-weight:500;color:#cddcc2}.referral-empty p,.referral-settlement-note{font-size:13px;line-height:1.6;color:#9eb194;margin:8px 0 0}.referral-settlement-note{border-top:1px solid #bdd4a51a;padding-top:14px}.referral-update{min-height:20px;margin:14px 0 0;text-align:right;color:#a9b8a6;font-size:12px}.referral-table-wrap{overflow:auto;margin-top:18px}.referrals table{width:100%;border-collapse:collapse}.referrals th,.referrals td{text-align:left;padding:12px 6px;border-bottom:1px solid #c4ef8518;font-size:13px}.referrals th{font-weight:400;color:#a9b8a6}.referrals td:last-child,.referrals th:last-child{text-align:right}.referrals td small{display:block;margin-top:5px;color:#95a78c;font-size:12px}.referral-credit{color:#c4ef85}.referrals button:focus-visible,.referrals summary:focus-visible{outline:2px solid #c4ef85;outline-offset:4px}
@media(max-width:900px){.referral-code-panel{grid-template-columns:1fr;gap:20px}.referral-level{padding:20px 16px}.referral-level-title{align-items:start}.referral-level-values strong{font-size:19px}.referral-history>section{padding:24px 20px}}
@media(max-width:600px){.referrals{padding-top:60px}.referral-heading{align-items:start}.referral-heading .rewards-kicker{font-size:11px;letter-spacing:.13em}.referral-heading h2{font-size:35px;letter-spacing:-1px}.referral-preview{font-size:10px;padding:7px 9px}.referral-code-panel,.referral-flow{padding:22px 18px}.referrals h3{font-size:22px}.referral-code-controls{flex-wrap:wrap}.referral-input-wrap{flex-basis:160px}.referral-flow-heading{align-items:start;flex-direction:column;gap:14px}.referral-total{flex-direction:row;align-items:center;gap:14px}.referral-levels{grid-template-columns:1fr;gap:12px;padding-left:18px}.referral-levels:before{left:0;right:auto;width:1px;height:100%;background:linear-gradient(#c4ef8544,#c4ef8500)}.referral-you{align-items:flex-start;padding-bottom:20px}.referral-you:after{left:0;height:20px}.referral-level{margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.referral-level:before{left:-19px;top:50%;width:18px;height:1px}.referral-level-title{grid-column:1/-1}.referral-rate{grid-column:1;margin:16px 0 6px;font-size:52px}.referral-fee-label{grid-column:1;margin:0;font-size:12px}.referral-level-values{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:0;border:0}.referral-level-values>div,.referral-level-values>div:last-child{text-align:right}.referral-explainer{align-items:start}.referral-history{grid-template-columns:1fr}.referral-math{text-align:left}.referral-math summary{margin:0}.referral-history-title{gap:8px}.referral-history h3{font-size:21px}}

.referral-input-wrap>span{flex-shrink:0;white-space:nowrap}
.referrals table{min-width:0;table-layout:fixed}.referrals th,.referrals td{white-space:normal;overflow-wrap:anywhere}.referrals th:first-child{width:56%}.referrals th:nth-child(2){width:17%}.referrals th:last-child{width:27%}.referrals td:last-child{white-space:nowrap}

.referral-guide-link{text-align:center;margin:20px 0 0;font-size:14px}.referral-guide-link a{color:#c3d4b7;text-decoration:underline;text-underline-offset:4px}.referral-guide-link a:hover{color:#c4ef85}.referral-guide-link a:focus-visible{outline:2px solid #c4ef85;outline-offset:5px}

.referral-history>section>.referral-eyebrow{margin-bottom:14px}.referral-history .referral-empty{padding:30px 0 24px}.referral-history .referral-empty p{font-size:16px;color:#c5d3bc}