.rf-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:190px;padding:34px 38px;border:1px solid #284d67;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 85% 80%,#23656050,transparent 50%),#10253a}
.rf-hero>div{position:relative;z-index:1;max-width:560px}.rf-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#73d8c2}.rf-hero h1{font-size:36px;letter-spacing:-.03em;margin:9px 0 12px}.rf-hero p{color:#a5bed3;font-size:15px;line-height:1.6;max-width:470px;margin:0}.rf-hero>img{position:absolute;right:8px;top:-24px;width:260px;opacity:.8}
.rf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.rf-stats article{background:#101e34;border:1px solid #283d5a;border-radius:14px;display:grid;justify-items:center;padding:23px 15px;gap:6px}.rf-stats i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2a6b58;border-radius:12px;background:#123b32;color:#50e2a6;margin-bottom:6px}.rf-stats article:nth-child(2) i{color:#b49cf4;background:#2c2444;border-color:#574576}.rf-stats article:nth-child(3) i{color:#edc568;background:#3b321d;border-color:#68552d}.rf-stats small{color:#8fa7c5;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800}.rf-stats b{font-size:27px;letter-spacing:-.03em;color:#dbefff}.rf-stats article:first-child b{color:#4ce0ab}.rf-stats span{color:#7d94b4;font-size:12px}
.rf-code-panel,.rf-referrals{background:#101d32;border:1px solid #293f5f;border-radius:16px;padding:28px;margin-top:20px}.rf-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.rf-section-head h2,.rf-referrals h2{font-size:20px;margin:0 0 8px}.rf-section-head p,.rf-referrals p{color:#95accb;margin:0;line-height:1.5;font-size:14px}.rf-reward{color:#66e6b6;border:1px solid #2a6557;padding:7px 12px;border-radius:30px;font-size:12px;white-space:nowrap}.rf-detail{color:#9db5d4;font-size:14px;line-height:1.7;margin:20px 0 27px}.rf-detail b{color:#c3b3f6}
#ref-code-form>label,.rf-share>label{display:block;font-size:12px;font-weight:700;color:#b4c7df;margin-bottom:9px}.rf-code-row{display:flex;align-items:center;gap:12px;padding:7px 7px 7px 17px;border:1px solid #334c70;border-radius:12px;background:#0a172b}.rf-code-row>span{color:#a895df}.rf-code-row input{min-width:0;width:100%;flex:1;border:0;background:transparent;color:#edf5ff;font-size:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;outline:none;padding:10px 0}.rf-code-row:focus-within{border-color:#ac96ec;box-shadow:0 0 0 3px #ac96ec12}.rf-code-row .btn{min-width:137px;height:46px;background:#6954ba}#ref-code-form>small{display:block;font-size:11px;color:#8098b9;margin-top:9px}#ref-error{font-size:13px;color:#d5b9ee;line-height:1.5;min-height:18px;margin:12px 0 0}.rf-share{margin-top:20px;padding-top:20px;border-top:1px solid #283d5a}.rf-share[hidden]{display:none}.rf-share>div{display:flex;gap:9px}.rf-share input{min-width:0;flex:1;border:1px solid #2b4264;background:#0b172b;color:#a8bdd8;border-radius:8px;padding:12px}.rf-share .btn{white-space:nowrap}#ref-copy-status{display:block;height:16px;margin-top:9px;color:#64deb2;font-size:12px}.rf-signin{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #293f5f;color:#b2c4db}.rf-ref-list>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #263950;font-size:14px}.rf-ref-list{margin-top:20px}.rf-ref-list span{color:#8da7c7}
@media(max-width:700px){.rf-hero{padding:25px;min-height:175px}.rf-hero>img{opacity:.25;right:-45px}.rf-hero h1{font-size:30px}.rf-stats{gap:8px}.rf-stats article{padding:15px 6px}.rf-stats small{font-size:9px}.rf-stats span{font-size:10px}.rf-stats b{font-size:23px}.rf-code-panel,.rf-referrals{padding:20px}.rf-section-head{align-items:flex-start;flex-direction:column}.rf-code-row{flex-wrap:wrap}.rf-code-row input{width:calc(100% - 50px)}.rf-code-row .btn{width:100%}.rf-share>div{flex-wrap:wrap}.rf-share input{flex-basis:100%}.rf-share .btn{flex:1}.rf-signin{gap:15px}}

.rf-hero{overflow:visible;isolation:isolate;margin-top:75px;min-height:205px}.rf-hero>div{max-width:calc(100% - 245px)}.rf-hero>img{z-index:2;right:10px;top:-56px;width:280px;opacity:1;pointer-events:none;transform-origin:60% 70%;filter:drop-shadow(0 13px 17px #0004)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.rf-hero>img{transition:transform .4s cubic-bezier(.2,1.45,.4,1),filter .4s}.rf-hero:hover>img{transform:translateY(-13px) rotate(-3deg) scale(1.11);filter:drop-shadow(0 20px 22px #0005)}}
@media(max-width:700px){.rf-hero{padding:28px 24px;margin-top:72px;min-height:220px}.rf-hero>div{max-width:100%;padding-top:22px}.rf-hero>img{width:140px;right:8px;top:-85px}.rf-hero h1{font-size:30px}}