/* Referral promotion: match actual reward terms, keep the existing account action. */
.friend-banner.nw-friends{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;padding:36px 42px;border-radius:30px;background:radial-gradient(ellipse at 100% 0,#7852ff70,transparent 65%),#393cf8;overflow:hidden}
.nw-friends:before{content:'';position:absolute;z-index:-1;width:480px;height:480px;border:1px solid #ffffff1e;border-radius:50%;right:-90px;top:-55px}
.nw-friends:after{content:'';position:absolute;z-index:-1;width:370px;height:370px;border:1px solid #ffffff1e;border-radius:50%;right:-34px;top:0}
.nw-friends .nw-friends-kicker{font-size:9px;letter-spacing:.15em;font-weight:700;color:#d8d8ff}
.nw-friends h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.055em;line-height:1.09;margin:15px 0}
.nw-friends h2 em{font-style:normal;color:#d9ff52}
.nw-friends .nw-friends-intro{font-size:13px;line-height:1.7;max-width:450px;margin:0 0 18px;color:#f5f3ff}
.nw-friends-perks{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.nw-friends-perks>div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;background:#ffffff12;border:1px solid #ffffff36;border-radius:16px;padding:12px 15px;min-width:180px}
.nw-friends-perks>div>span{grid-column:1/-1;font-size:8px;letter-spacing:.13em;font-weight:700;color:#e3ddff}
.nw-friends-perks strong{font-size:32px;letter-spacing:-.055em;line-height:1.2;color:#fff}
.nw-friends-perks small{font-size:10px;line-height:1.5;color:#efedff}
.nw-friends-perks>div:last-child{background:#eee5ff;color:#31224d;border-color:#eee5ff;transform:rotate(-2deg)}
.nw-friends-perks>div:last-child strong{color:#5731b4}
.nw-friends-perks>div:last-child>span,.nw-friends-perks>div:last-child small{color:#615076}
.nw-friends .nw-friends-plus{font-size:22px;color:#d9ff52;letter-spacing:0}
.nw-friends .nw-friends-terms{font-size:10px;line-height:1.75;color:#dcdcff;max-width:540px;margin:0}
.nw-friends-terms a{color:#fff;display:inline-block;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.nw-friends-action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;padding:15px 0}
.nw-friends .nw-friends-note{position:relative;align-self:flex-start;margin-left:4px;color:#eee2ff;letter-spacing:-.02em;font-size:14px;line-height:1.4;font-weight:700;transform:rotate(-7deg)}
.nw-friends-arrow{position:absolute;width:88px;height:45px;right:17px;top:17px;fill:none;stroke:#c8b4ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(24deg)}
.nw-friends button.nw-friends-invite{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:192px;height:192px;min-height:192px;padding:23px;border-radius:50%;background:#d5ff34;color:#1e3222;border:1px solid #ebff98;transform:rotate(-7deg);box-shadow:0 8px 0 #15235125;isolation:isolate;transition:transform .2s,background .2s}
.nw-friends-invite:before,.nw-friends-invite:after{content:'';position:absolute;inset:-9px;border:1px solid #d5ff3480;border-radius:50%;z-index:-1;pointer-events:none;animation:nw-invite-wave 3.4s ease-out infinite}
.nw-friends-invite:after{animation-delay:1.7s}
.nw-friends-invite svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.nw-friends-invite strong{font-size:21px;letter-spacing:-.03em;line-height:1.12}
.nw-friends-invite strong i{font-style:normal}
.nw-friends button.nw-friends-invite>span{font-size:10px;letter-spacing:0;color:#3a5128;font-weight:600}
.nw-friends .nw-friends-link-hint{color:#e1dcff;font-size:10px;letter-spacing:0;text-align:center;line-height:1.5}
.nw-friends-invite:focus-visible{outline:3px solid #fff;outline-offset:13px}
@keyframes nw-invite-wave{0%{transform:scale(.94);opacity:.65}85%,100%{transform:scale(1.2);opacity:0}}
@media(hover:hover){.nw-friends button.nw-friends-invite:hover{transform:rotate(0) scale(1.04);background:#e3ff7a}}
@media(max-width:900px){.friend-banner.nw-friends{grid-template-columns:minmax(0,1fr) 205px;gap:20px;padding:28px}.nw-friends-perks{gap:8px}.nw-friends-perks>div{min-width:0;padding:11px;gap:4px 8px}.nw-friends-perks strong{font-size:28px}.nw-friends-perks small{font-size:9px}.nw-friends-arrow{right:-4px;top:22px;width:65px}.nw-friends button.nw-friends-invite{width:168px;height:168px;min-height:168px}.nw-friends-invite strong{font-size:19px}}
@media(max-width:600px){.friend-banner.nw-friends{grid-template-columns:1fr;padding:25px 21px;gap:19px;border-radius:25px}.nw-friends h2{font-size:32px}.nw-friends .nw-friends-intro{font-size:12px}.nw-friends-perks{gap:8px}.nw-friends-perks>div{flex:1;grid-template-columns:1fr;padding:11px 12px;gap:2px}.nw-friends-perks strong{font-size:30px}.nw-friends-perks small{font-size:10px}.nw-friends-perks small br{display:none}.nw-friends .nw-friends-terms{font-size:10px}.nw-friends-action{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px 12px;padding:5px 0 0;align-items:center}.nw-friends .nw-friends-note{font-size:16px;align-self:center;margin:0;line-height:1.4}.nw-friends button.nw-friends-invite{width:145px;height:145px;min-height:145px;padding:15px;gap:6px;grid-column:2;grid-row:1/3}.nw-friends-invite svg{width:28px;height:28px}.nw-friends-invite strong{font-size:18px}.nw-friends button.nw-friends-invite>span{font-size:9px}.nw-friends .nw-friends-link-hint{grid-column:1;align-self:start;text-align:left;font-size:9px;max-width:140px}.nw-friends-arrow{width:55px;right:144px;top:60px;transform:rotate(8deg);opacity:.6}.nw-friends:before{right:-180px;top:auto;bottom:-120px}.nw-friends:after{right:-125px;top:auto;bottom:-65px}}
@media(max-width:360px){.friend-banner.nw-friends{padding:23px 17px}.nw-friends h2{font-size:28px}.nw-friends-action{grid-template-columns:minmax(0,1fr) 132px}.nw-friends button.nw-friends-invite{width:130px;height:130px;min-height:130px}.nw-friends .nw-friends-note{font-size:14px}.nw-friends-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.nw-friends-invite:before,.nw-friends-invite:after{animation:none;opacity:.3}.nw-friends button.nw-friends-invite{transition:none}.nw-friends button.nw-friends-invite:hover{transform:rotate(-7deg)}}
