.referral-content{width:min(100% - 40px,680px);margin:0 auto;padding:20px 0 118px}.referral-intro{text-align:center;padding:12px 0 20px}.referral-gift{display:block;color:#f1c36a;font-size:32px}.referral-intro .section-kicker{margin:10px 0 7px;color:#f1c36a;font-size:14px;font-weight:650}.referral-intro>p:last-child{margin:0;color:#c1cbcc;font-size:14px}.referral-code-section{padding:18px 0 22px;border-top:1px solid #455355;border-bottom:1px solid #455355}.referral-code-section h2,.referral-add h2{margin:0 0 12px;font-size:16px}.referral-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:10px 14px;border:1px solid #3e4b4d;color:#f4f7f7;background:#1b2325}.referral-code-row>strong{font-size:26px;font-weight:700}.referral-code-section .primary-button{width:100%;margin-top:14px}.referral-status{min-height:18px;margin:8px 0 0;color:#51ddd3;font-size:13px}.referral-reward{display:flex;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid #455355}.referral-reward .referral-gift{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d3a84e;font-size:25px}.referral-reward>div{display:grid;gap:5px}.referral-reward small{color:#b7c3c4;font-size:12px}.referral-reward strong{color:#f1c36a;font-size:16px}.referral-invites{padding:20px 0 10px}.referral-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.referral-section-heading h2{margin:0;font-size:18px}.referral-section-heading>span{color:#b7c3c4;font-size:13px}.referral-section-heading>span strong{color:#fff;font-size:17px}.referral-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0;border-top:1px solid #455355;border-bottom:1px solid #455355}.referral-totals span{display:flex;justify-content:space-between;gap:8px;padding:12px 0;color:#b7c3c4;font-size:12px}.referral-totals span+span{border-left:1px solid #455355;padding-left:12px}.referral-totals strong{color:#f4f7f7;font-size:16px}.referral-items{padding:0;margin:0;list-style:none}.referral-empty{padding:18px 0;color:#aeb9ba;font-size:14px}.referral-item{display:grid;grid-template-columns:1fr auto;gap:9px 14px;padding:14px 0;border-bottom:1px solid #455355}.referral-contact-mask{align-self:center;color:#f4f7f7;font-size:14px}.referral-item-status{align-self:center;color:#e4bd65;font-size:12px;text-align:right}.referral-item-status.confirmed{color:#49d8c8}.referral-confirm-button{grid-column:1/-1;justify-self:start;padding:7px 0;border:0;background:transparent;color:#49d8c8;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.referral-add{padding:18px 0;border-top:1px solid #455355}.referral-add form{display:grid;gap:9px}.referral-add label{color:#d2dada;font-size:13px}.referral-add input{width:100%;min-height:48px;padding:12px;border:1px solid #566365;border-radius:2px;background:#121819;color:#fff;font:inherit}.referral-add .secondary-button{margin-top:4px}.referral-demo-note{margin:12px 0 0;color:#aeb9ba;font-size:12px;line-height:1.5}.special-mission{margin:24px 0 4px;padding:17px 0;border-top:1px solid #455355;border-bottom:1px solid #455355}.special-mission .section-kicker{margin:0;color:#efbd4b;font-size:12px}.special-mission h2{margin:7px 0;font-size:18px}.special-mission>p:not(.section-kicker){margin:0;color:#b7c3c4;font-size:13px}.special-mission .secondary-button{margin-top:12px}
.referral-code-note{margin:7px 0 0;color:#aeb9ba;font-size:11px;line-height:1.4}
@media(max-width:420px){.referral-content{width:calc(100% - 32px)}.referral-code-row>strong{font-size:23px}.referral-totals{grid-template-columns:1fr}.referral-totals span+span{border-top:1px solid #455355;border-left:0;padding-left:0}.referral-item{grid-template-columns:1fr}.referral-item-status{text-align:left}}