#account-app[data-page=referral] .bc-page{display:block!important}
#account-app .fl-referral-page{max-width:800px;margin:0 auto}
#account-app .fl-referral-main{background:var(--pr-surface,var(--bc-card));border:1px solid var(--pr-line,var(--bc-line));border-radius:12px;padding:32px}
#account-app .fl-referral-hero{display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:24px;align-items:center;margin-bottom:28px}
#account-app .fl-referral-hero h2{font:500 27px/1.25 FlylinkInter,Inter,sans-serif!important;letter-spacing:-.65px;margin:0 0 14px!important}
#account-app .fl-referral-hero p{font-size:14px;line-height:1.65;color:var(--pr-muted,var(--bc-muted));margin:0;max-width:410px}
#account-app .fl-referral-duck{width:164px;height:164px;justify-self:end}
#account-app .fl-referral-duck svg{width:100%;height:100%;display:block;stroke:none}
#account-app .fl-referral-field{display:block}
#account-app .fl-referral-field>span{display:block;font-size:12px;color:var(--pr-muted,var(--bc-muted));margin-bottom:10px}
#account-app .fl-referral-field input{display:block;width:100%;height:48px;padding:12px 14px!important;box-sizing:border-box;font:400 14px/22px FlylinkInter,Inter,sans-serif!important;background:var(--pr-bg,#101113)!important;border:1px solid var(--pr-line,#292a2e)!important;border-radius:7px!important;color:var(--pr-text,#eeeef0)!important;text-overflow:ellipsis}
#account-app .fl-referral-actions{display:flex;gap:12px;margin-top:16px}
#account-app .fl-referral-actions button{min-height:44px!important;min-width:150px}
#account-app [data-referral-share-status]{font-size:12px;color:var(--pr-muted,var(--bc-muted));margin:12px 0 0;line-height:1.5}
#account-app [data-referral-share-status]:empty{display:none}
#account-app .fl-referral-reward{display:flex;align-items:center;gap:24px;margin-top:32px;padding-top:26px;border-top:1px solid var(--pr-line,var(--bc-line))}
#account-app .fl-referral-days{min-width:68px;text-align:center;display:flex;flex-direction:column;gap:2px}
#account-app .fl-referral-days strong{font:450 34px/1.15 FlylinkInter,Inter,sans-serif;letter-spacing:-1px}
#account-app .fl-referral-days span{font-size:12px;color:var(--pr-muted,var(--bc-muted))}
#account-app .fl-referral-reward h3{font-size:14px;font-weight:500;margin:0 0 8px}
#account-app .fl-referral-reward p{font-size:12px;line-height:1.65;color:var(--pr-muted,var(--bc-muted));margin:0;max-width:480px}
#account-app .fl-referral-stat{display:flex;gap:20px;align-items:center;padding:24px 32px}
#account-app .fl-referral-stat>strong{font:450 30px/1 FlylinkInter,Inter,sans-serif;min-width:36px;letter-spacing:-.8px}
#account-app .fl-referral-stat h2{font-size:13px!important;font-weight:450!important;margin:0 0 5px!important}
#account-app .fl-referral-stat p{font-size:12px;color:var(--pr-muted,var(--bc-muted));margin:0}
@media(max-width:767px){#account-app .fl-referral-main{padding:22px 18px;border-radius:10px}#account-app .fl-referral-hero{grid-template-columns:minmax(0,1fr) 96px;gap:10px;margin-bottom:26px}#account-app .fl-referral-duck{width:96px;height:112px}#account-app .fl-referral-hero h2{font-size:22px!important;line-height:1.2;margin-bottom:12px!important}#account-app .fl-referral-hero p{font-size:12px;line-height:1.6}#account-app .fl-referral-actions{flex-direction:column;gap:10px}#account-app .fl-referral-actions button{width:100%;min-width:0}#account-app .fl-referral-reward{align-items:flex-start;gap:16px;margin-top:26px;padding-top:22px}#account-app .fl-referral-days{min-width:44px}#account-app .fl-referral-days strong{font-size:28px}#account-app .fl-referral-reward h3{font-size:13px;line-height:1.45}#account-app .fl-referral-reward p{font-size:11px}#account-app .fl-referral-stat{padding:22px 18px}#account-app .fl-referral-field input{font-size:12px!important}}
@media(max-width:350px){#account-app .fl-referral-hero{grid-template-columns:1fr}#account-app .fl-referral-duck{grid-row:1;justify-self:start;width:110px;height:110px}#account-app .fl-referral-hero h2{font-size:23px!important}}

@media(min-width:768px){#account-app[data-page=referral] .ux-heading{margin-bottom:28px!important}}