.socialIntro{background:linear-gradient(120deg,#edf4ff,#fff);border:1px solid #d3e2f7;border-radius:16px;padding:26px;margin-bottom:20px}.socialIntro h1{font-size:30px;line-height:1.2;margin:8px 0}.socialIntro p{max-width:70ch;color:#526680;line-height:1.65}.socialColumns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.socialColumns>*{min-width:0}#socialPanel h2{font-size:23px;margin:0 0 12px}#socialPanel p{line-height:1.65}.socialInputRow,.socialActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.socialInputRow input{flex:1;min-width:150px;width:auto}.socialInputRow{margin:10px 0 18px}.socialInputRow .btn{flex-shrink:0}.socialReward{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #e0e8f2}.socialReward p{font-size:13px;margin:5px 0;color:#5b6d83}.socialFriend{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.socialTableWrap{overflow-x:auto}.socialTable{width:100%;border-collapse:collapse;font-size:14px}.socialTable th,.socialTable td{padding:13px 10px;border-bottom:1px solid #dde6f0;text-align:left;white-space:nowrap}.socialTable th:first-child{white-space:normal;min-width:120px}.socialRank{display:flex;justify-content:space-between;gap:10px;margin:12px 0;padding:12px;background:#eff5ff;border-radius:10px}.socialLegend{display:flex;gap:20px;flex-wrap:wrap;font-weight:700;margin:16px 0}#socialGraph svg{width:100%;height:auto;display:block}#socialGraph details{margin:10px 0;color:#536780;font-size:14px}.socialRules{padding:16px;background:#f4f7fc;border-radius:10px;margin-top:16px;font-size:13px;color:#536780}.socialRewardCount{font-size:18px;font-weight:750;color:#175bb7}#socialMessage{margin:14px 0;min-height:22px}#socialGraphFriend{max-width:100%}.socialConsent{border-left:3px solid #367ada;padding-left:12px;font-size:14px;color:#526680}@media(max-width:850px){.socialColumns{grid-template-columns:minmax(0,1fr)}.socialReward{flex-wrap:wrap}.socialReward .socialActions{width:100%}.socialIntro{padding:20px}}@media(max-width:480px){.socialInputRow{flex-direction:column;align-items:stretch}.socialInputRow input{width:100%}.socialInputRow .btn{width:100%}.socialIntro h1{font-size:26px}.socialFriend{flex-wrap:wrap}}

.referralWelcome{position:relative;z-index:2;max-width:1100px;margin:20px auto;padding:20px 24px;background:#eef5ff;border:1px solid #b6d1f6;border-radius:14px;color:#173b65}.referralWelcome p{margin:8px 0 14px;line-height:1.6;font-size:14px}
/* Referral promotion is visible in the page body, independent of side navigation. */
.referralPromo{box-sizing:border-box;display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;width:100%;margin:24px 0;padding:28px;border:1px solid #bfd7f4;border-radius:18px;background:linear-gradient(120deg,#eaf3ff,#f8fbff 75%);color:#173454;text-align:left}.referralPromoIcon{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:start;background:#1765d6;color:white;border-radius:18px;min-height:88px;font-size:34px;font-weight:850;line-height:1.1;box-shadow:0 8px 20px #1765d624}.referralPromoIcon span{font-size:11px;letter-spacing:1.5px;margin-top:5px}.referralPromoCopy{min-width:0}.referralPromoBadge{font-size:11px;letter-spacing:.8px;font-weight:800;color:#1c64b8}.referralPromo h2{font-size:clamp(22px,2.5vw,28px)!important;line-height:1.25!important;margin:8px 0 12px!important;color:#173454}.referralPromoCopy>p{font-size:15px;line-height:1.65;color:#4c6481;margin:0 0 16px}.referralPromoActions{display:flex;flex-wrap:wrap;gap:10px}.referralPromoActions>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;text-decoration:none;min-height:46px;padding:12px 16px;border-radius:10px;max-width:100%;font-weight:700;cursor:pointer}.referralPromoActions>.primary{background:#1765d6;color:white!important;border:1px solid #1765d6}.referralSecondary{background:white;border:1px solid #c1d5ef;color:#245182}.referralPromoCopy>.referralPromoRules{font-size:12px!important;line-height:1.55;color:#60758d;margin:14px 0 0!important}.referralPromoCompact{padding:22px;grid-template-columns:68px minmax(0,1fr);gap:18px}.referralPromoCompact .referralPromoIcon{min-height:68px;font-size:27px;border-radius:14px}.referralPromoCompact h2{font-size:23px!important}.publicLanding>.referralPromo{position:relative;z-index:2;max-width:1100px;margin-inline:auto}.referralPromoActions>.btn:focus-visible{outline:3px solid #75abf2;outline-offset:3px}@media(max-width:600px){.referralPromo,.referralPromoCompact{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}.referralPromoIcon{width:68px;min-height:68px;font-size:27px;border-radius:14px}.referralPromoActions{flex-direction:column}.referralPromoActions>.btn{width:100%}.publicLanding>.referralPromo{margin-inline:16px;width:calc(100% - 32px)}}