.to-spend-button{color:#fff;font:inherit;text-align:center;cursor:pointer;background:#ffffff0a;border:0;border-radius:6px;align-self:center;margin-bottom:30px;padding:5px 15px;font-size:12px}
.benefits-bullets{flex-direction:column;gap:25px;margin-top:5px;display:flex}.benefits-bullets__benefit{align-items:center;gap:10px;display:flex}.benefits-bullets__icon{color:#64effd;background:#3e417d;border-radius:8px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.benefits-bullets__title,.benefits-bullets__description{margin:0}.benefits-bullets__title{color:#d7d7e6;font-size:16px;font-weight:700}.benefits-bullets__description{color:#94a3b8;margin-top:5px;font-size:14px;line-height:20px}.benefits-bullets__xp-icon{object-fit:contain;vertical-align:-2px;margin:0 3px;display:inline-block}.benefits-bullets__cyan-highlight{color:#64effd}
.content-head{text-align:center;flex-direction:column;align-items:center;gap:25px;display:flex}.content-head__megaphone{object-fit:contain;width:127px;height:112px}.content-head__title,.content-head__description{margin:0}.content-head__title{color:#fff;letter-spacing:.36px;text-transform:uppercase;font-family:Tungsten;font-size:36px;font-weight:700;line-height:1}.content-head__description{color:#94a3b8;margin-bottom:30px;font-size:16px;line-height:24px}.content-head__xp-icon{object-fit:contain;vertical-align:-2px;margin:0 3px;display:inline-block}.content-head__cyan-highlight{color:#64effd}
.how-it-works{border:1px dashed #353369;border-radius:15px;flex-direction:column;gap:15px;margin-bottom:70px;padding:20px;display:flex}.how-it-works h2,.how-it-works h3{color:#5f738c;margin:0;font-size:12px;font-weight:700}.how-it-works ol{counter-reset:instructions;flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.how-it-works li{color:#eff1f3;counter-increment:instructions;align-items:center;gap:5px;font-size:12px;display:flex}.how-it-works li:before{color:#eff1f3;content:counter(instructions);background:#353369;border-radius:50%;place-items:center;width:25px;min-width:25px;height:25px;font-weight:700;display:grid}
.copy-button{background:0 0;border:0;width:15px;height:35px;padding:0}.copy-button__content{color:#5f738c;gap:0}.copy-button__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.referral-box{flex-direction:column;gap:10px;display:flex}.referral-box__invite-button{width:100%;margin-bottom:20px}.referral-box__code{color:#fff;background:linear-gradient(#151544,#151544) padding-box padding-box,linear-gradient(#1f1f48 0%,#a047fb2e 100%) border-box;border:2px solid #0000;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:30px;padding:0 15px;display:grid}.referral-box__code .copy-button{justify-self:end}.referral-box__label{color:#5f738c;font-size:10px;font-weight:700}.referral-box__code-text{color:#fff;font-size:14px}
.referral-progress-bar{pointer-events:none;width:100%;height:35px;margin-bottom:-10px;position:relative;overflow:visible}.referral-progress-bar__track,.referral-progress-bar__fill,.referral-progress-bar__pink-glow,.referral-progress-bar__core,.referral-progress-bar__depth-glow,.referral-progress-bar__foreground-glow{border-radius:999px;position:absolute;top:50%;left:0}.referral-progress-bar__track{background-color:#ffffff1a;height:2px;right:0;transform:translateY(-50%)}.referral-progress-bar__fill{height:2px;transition:width .5s;overflow:visible;transform:translateY(-50%)}.referral-progress-bar__pink-glow,.referral-progress-bar__depth-glow,.referral-progress-bar__foreground-glow{will-change:transform;width:100%;transform:translateY(-50%)}.referral-progress-bar__pink-glow{filter:blur(4px);background:linear-gradient(90deg,#f0f0,#f0f);height:13px}.referral-progress-bar__core{background:linear-gradient(90deg,#ffffff80,#f0f);width:100%;height:2px;transform:translateY(-50%)}.referral-progress-bar__depth-glow{filter:blur(5px);background:linear-gradient(90deg,#1e1b4b00,#1e1b4b66);height:13px}.referral-progress-bar__foreground-glow{filter:blur(4px);background:linear-gradient(90deg,#ffffff80,#f0f);height:4px}.referral-progress-bar__endpoint-glow{filter:blur(12px);will-change:transform;background-color:#ffffff80;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.referral-progress-bar__fill--short .referral-progress-bar__endpoint-glow{filter:blur(7px);background-color:#ff00ffbf;width:20px;height:20px;right:-10px}@media (prefers-reduced-motion:reduce){.referral-progress-bar__fill{transition:none}}
.referral-friend-card{background:#1e1b4b;border-radius:16px;padding:15px}.referral-friend-card__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.referral-friend-card__name-container{min-width:0}.referral-friend-card__name{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.referral-friend-card__amount{flex:none;align-items:center;gap:5px;display:flex}.referral-friend-card__amount strong{color:#fff}.referral-friend-card__amount span,.referral-friend-card__amount .icon-dollar{color:#94a3b8}
.referred-friends-modal{padding-top:0}.referred-friends-modal__content{padding:0 15px}.referred-friends-modal .bottom-modal__scroll>section{display:flow-root;position:relative}.referred-friends-modal .bottom-modal__scroll>section>:not(.modal-top-gradient){z-index:2;position:relative}.referred-friends-modal__title,.referred-friends-modal__empty-state h3{color:#fff;margin:0;font-size:20px;font-weight:700}.referred-friends-modal__title{margin-top:35px}.referred-friends-modal__stats{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;margin-bottom:30px;display:grid}.referred-friends-modal__stats div{flex-direction:column;gap:10px;display:flex}.referred-friends-modal__stats span{color:#94a3b8;font-size:12px}.referred-friends-modal__stats strong{color:#fff;font-size:24px}.referred-friends-modal__friend-list{flex-direction:column;gap:10px;display:flex}.referred-friends-modal__friend-list h3{color:#5f738c;margin:0;font-size:12px;font-weight:700}.referred-friends-modal__friend-cards{flex-direction:column;gap:15px;display:flex}.referred-friends-modal__empty-state{text-align:center;flex-direction:column;align-items:center;gap:15px;padding:0 0 10px;display:flex}.referred-friends-modal__empty-state p{color:#94a3b8;max-width:360px;margin:0;font-size:16px;line-height:24px}.referred-friends-modal__empty-state .button{width:100%;margin-top:10px}
.referral-summary{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px;display:grid}.referral-summary__item{color:#fff;text-align:left;background:#1e1b4b;border:0;border-radius:15px;align-items:center;gap:10px;padding:10px;display:flex}.referral-summary button.referral-summary__item{cursor:pointer}.referral-summary__content{flex:1;min-width:0}.referral-summary__content>div{align-items:center;display:flex}.referral-summary__content strong{color:#fff;font-size:20px}.referral-summary__content .icon-chevron-right{margin-left:auto;font-size:9px}.referral-summary__content span{color:#94a3b8;font-size:12px;display:block}.referral-summary__dollar-icon{background:#8688ff33;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}
.refer-friend{isolation:isolate;flex-direction:column;width:100%;padding:25px 15px 70px;display:flex;position:relative}.refer-friend>:not(.refer-friend__background){z-index:1;position:relative}.refer-friend__background{z-index:0;pointer-events:none;background-position:50% -135px;background-repeat:no-repeat;background-size:100%;background-attachment:fixed;position:absolute;inset:0}
.rewards-screen{isolation:isolate;flex-direction:column;flex:1;height:100dvh;padding-top:48px;display:flex;position:relative;overflow:hidden}.rewards-screen__background{z-index:0;pointer-events:none;background-position:50% -135px;background-repeat:no-repeat;background-size:100%;position:fixed;inset:0}.rewards-screen>:not(.rewards-screen__background):not(.my-profile-header){z-index:1;position:relative}.rewards-screen .my-profile-header{background-color:#0000}.rewards-screen__content{flex:1;min-height:0;overflow-y:auto}.rewards-screen .refer-friend__background{display:none}
