.referral-panel{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:32px 0;padding:36px;border:1px solid #87e7cf55;background:linear-gradient(130deg,#162b2b,#201b30);scroll-margin-top:100px}
.referral-panel h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.14;margin:12px 0 18px;letter-spacing:-.035em}
.referral-panel h2 span{color:#8ee8d1}.referral-panel p{line-height:1.7}.referral-code-label{display:grid;gap:9px;font-size:.85rem;font-weight:600;margin-bottom:12px}.referral-code-label input{width:100%;min-width:0;color:inherit;background:#0a141e;border:1px solid #ffffff30;border-radius:10px;padding:12px;font:inherit;font-size:1.2rem;font-weight:750;letter-spacing:.12em;text-align:center}.referral-code-wrap{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.referral-code-wrap .button{white-space:nowrap}.referral-panel>div{min-width:0}.referral-counts{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0}.referral-counts span{font-size:.8rem;color:#b6c3c9}.referral-counts strong{display:block;color:#fff;font-size:1.4rem}.referral-panel .fine-print{font-size:.8rem;margin-top:14px}.referral-panel a{text-decoration:underline}.referral-received{padding:12px 14px;border-radius:10px;background:#8ee8d112;border:1px solid #8ee8d133}.referral-steps{padding-left:22px;font-size:.9rem;line-height:1.7;margin-bottom:20px}.referral-steps li+li{margin-top:8px}@media(max-width:760px){.referral-panel{grid-template-columns:1fr;padding:24px;gap:20px}.referral-counts{gap:14px}}
.referral-signup{padding:20px;margin:16px 0;border:1px solid #5dcdb3;border-radius:16px;background:linear-gradient(125deg,#123630aa,#40215888);color:#f5f3fa}
.referral-signup h3{font-size:1.2rem;margin:8px 0 16px;overflow-wrap:anywhere}
.referral-signup .eyebrow{font-size:.7rem;color:#7ce7d2}
.referral-signup-rewards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.referral-signup-rewards>div{background:#0a101a80;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}
.referral-signup-rewards strong{font-size:2rem;line-height:1.2;color:#7ce7d2}
.referral-signup-rewards>div+div strong{color:#d8b0ff}
.referral-signup p{font-size:.87rem;line-height:1.6;margin:14px 0 8px}
.referral-signup small{font-size:.76rem;line-height:1.5;color:#c6c3d0}
.signup-page{max-width:850px;margin:auto}.signup-page .panel>.button{margin-top:12px}