.referral-discounts{margin:24px 0;padding:22px;background:#fff;border:1px solid #e3e6ec;border-radius:24px;min-width:0}.referral-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.referral-heading .icon-button{width:36px;height:36px}.referral-discounts h2{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:10px 0}.referral-discounts>p{color:#7b8291;font-size:13px;line-height:1.65}.referral-gift{color:#527459;margin-top:8px}.referral-subjects{display:flex;gap:7px;margin:18px 0}.referral-subjects button{flex:1;min-height:44px;border:1px solid #e3e6ec;background:#fff;border-radius:13px;font:inherit;font-size:12px;color:#737d8b;padding:10px 8px}.referral-subjects button[aria-pressed=true]{color:#253e30;background:#eaf0e3;border-color:#c8d5c0}.referral-balance{display:flex;align-items:center;gap:15px;padding:18px;background:#f2f5ed;border-radius:16px}.referral-balance>strong{font-size:39px;line-height:1;font-weight:750;letter-spacing:-1px}.referral-balance span{font-size:13px;font-weight:650;line-height:1.5}.referral-balance small{display:block;font-size:10px;color:#74816f;font-weight:400;margin-top:4px}.referral-statistics{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#7b8291;margin:17px 0}.referral-statistics b{color:#272a2e}.referral-discounts .primary-button{width:100%;min-height:48px;justify-content:center;gap:9px;font-size:13px}.referral-copy{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;min-height:44px;background:#f8f9fb;border:1px solid #e9ebef;border-radius:12px;padding:11px 12px;margin-top:9px;color:#697382;font:inherit;text-align:left;font-size:11px}.referral-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.referral-copy svg{flex-shrink:0}.referral-discounts .referral-small{font-size:11px;margin:15px 0 9px}.referral-rules{font-size:12px;color:#647b65;text-decoration:underline;text-underline-offset:3px}.referral-discounts .referral-confirmed{font-size:12px;color:#3c6d4d;background:#f4f7f0;border-radius:12px;padding:12px}.referral-message{overflow-wrap:anywhere}@media(max-width:350px){.referral-discounts{padding:17px}.referral-discounts h2{font-size:24px}.referral-statistics{gap:10px}.referral-balance{padding:14px;gap:11px}}

#referralProgram .referral-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}#referralProgram button{cursor:pointer}#referralProgram .primary-button{background:#25282c;color:#fff;border:0;border-radius:14px;display:flex;align-items:center;padding:14px;font:inherit}#referralProgram .referral-copy{font-size:12px}#referralProgram h2{font-size:30px}#referralProgram .icon-button{background:#f6f7f9;border:1px solid #e3e6ec;border-radius:50%;font:inherit;cursor:pointer}#referralProgram .referral-subjects{max-width:440px}#referralProgram .referral-balance{margin-bottom:12px}@media(max-width:650px){#referralProgram .referral-layout{grid-template-columns:1fr;gap:8px}#referralProgram h2{font-size:25px}}
#referralProgram .referral-layout>div{min-width:0}#referralProgram .referral-copy{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.referral-tribute{padding:16px;margin:16px 0 18px;background:#f6f3fa;border:1px solid #e6dfef;border-radius:15px;color:#655473}.referral-tribute>strong{display:block;font-size:14px;line-height:1.5}.referral-tribute p{font-size:12px;line-height:1.65;margin:8px 0 0;color:#6f657b}

#referralProgram .referral-refresh{min-height:44px;padding:9px 12px;border:1px solid #e3e6ec;border-radius:11px;background:#f6f7f9;font:650 14px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
