.referral-page[data-v-626c2ebf] { max-width: 1120px; color: #393544; line-height: 1.5; letter-spacing: 0;
}
[dir] .referral-page[data-v-626c2ebf] { margin: 16px auto 32px; padding: 0 24px 28px; background: #f6f4fa; text-align: start;
}
.referral-page *[data-v-626c2ebf] { box-sizing: border-box; min-width: 0;
}
.referral-page h3[data-v-626c2ebf] { color: #514465; font-size: 22px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere;
}
[dir] .referral-page h3[data-v-626c2ebf] { margin: 0 0 18px;
}
.referral-page p[data-v-626c2ebf] { overflow-wrap: anywhere;
}
.referral-heading[data-v-626c2ebf] { color: #fff;
}
[dir] .referral-heading[data-v-626c2ebf] { margin: 0 -24px; padding: 28px 32px; background: #571276;
}
.referral-eyebrow[data-v-626c2ebf] { display: flex; align-items: center; gap: 10px; color: #ffcf64; font-size: 13px; font-weight: 700;
}
[dir] .referral-eyebrow[data-v-626c2ebf] { margin-bottom: 16px;
}
.referral-heading h2[data-v-626c2ebf] { max-width: 800px; color: #fff; font-size: 32px; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere;
}
[dir] .referral-heading h2[data-v-626c2ebf] { margin: 0 0 14px;
}
.referral-subtitle[data-v-626c2ebf] { color: #f2e8f5; font-size: 17px;
}
[dir] .referral-subtitle[data-v-626c2ebf] { margin-bottom: 0;
}
.referral-big-pack[data-v-626c2ebf] { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 22px; align-items: center;
}
[dir] .referral-big-pack[data-v-626c2ebf] { margin-top: 24px; padding-top: 20px; border-top: 1px solid #9a61b2;
}
.referral-big-pack h3[data-v-626c2ebf] { color: #fff; font-size: 14px;
}
[dir] .referral-big-pack h3[data-v-626c2ebf] { margin-bottom: 6px;
}
.referral-big-pack p[data-v-626c2ebf] { font-size: 13px; color: #f2e8f5;
}
[dir] .referral-big-pack p[data-v-626c2ebf] { margin: 0;
}
.referral-pack-amount strong[data-v-626c2ebf] { display: block; color: #ffcf64; font-size: 30px; font-weight: 800; overflow-wrap: anywhere;
}
.referral-pack-amount span[data-v-626c2ebf] { display: block; font-size: 13px;
}
[dir] .referral-section[data-v-626c2ebf] { margin-top: 32px;
}
.referral-rates[data-v-626c2ebf] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px;
}
[dir] .referral-rate[data-v-626c2ebf] { padding: 20px; border: 1px solid #e6dced; border-radius: 8px; background: #fff;
}
.referral-rate > span[data-v-626c2ebf] { color: #74219a; font-size: 14px; font-weight: 600;
}
.referral-rate strong[data-v-626c2ebf] { display: block; color: #7900b5; font-size: 36px; line-height: 1.2; overflow-wrap: anywhere;
}
[dir] .referral-rate strong[data-v-626c2ebf] { margin-top: 12px;
}
.referral-rate small[data-v-626c2ebf] { display: block; color: #716b7b; font-size: 13px;
}
[dir] .referral-rate small[data-v-626c2ebf] { margin-top: 4px;
}
.referral-note[data-v-626c2ebf] { color: #716b7b; font-size: 13px;
}
[dir] .referral-note[data-v-626c2ebf] { margin: 12px 0 0;
}
.referral-overview[data-v-626c2ebf] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; border-block: 1px solid #ded9e6;
}
[dir] .referral-overview[data-v-626c2ebf] { margin-top: 32px; padding: 24px 0;
}
.referral-stats[data-v-626c2ebf] { align-self: start;
}
.referral-summary-row[data-v-626c2ebf] { display: flex; justify-content: space-between; align-items: center; gap: 16px;
}
[dir] .referral-summary-row[data-v-626c2ebf] { padding: 12px 0; border-bottom: 1px solid #e6e1eb;
}
.referral-summary-row span[data-v-626c2ebf] { color: #716b7b; font-size: 14px; overflow-wrap: anywhere;
}
.referral-summary-row svg[data-v-626c2ebf] { vertical-align: middle; margin-inline-end: 4px; flex-shrink: 0;
}
.referral-summary-row strong[data-v-626c2ebf] { color: #4c2670; font-size: 20px; overflow-wrap: anywhere;
}
.referral-summary-row .referral-paid[data-v-626c2ebf] { color: #18865e;
}
.referral-share-heading[data-v-626c2ebf] { display: flex; align-items: center; gap: 16px; color: #74219a;
}
[dir] .referral-share-heading[data-v-626c2ebf] { margin-bottom: 24px;
}
.referral-share-heading > svg[data-v-626c2ebf] { flex-shrink: 0;
}
[dir] .referral-share-heading h3[data-v-626c2ebf] { margin-bottom: 4px;
}
.referral-share-heading p[data-v-626c2ebf] { color: #716b7b;
}
[dir] .referral-share-heading p[data-v-626c2ebf] { margin: 0;
}
.referral-share label[data-v-626c2ebf] { display: block; color: #514465; font-size: 16px; font-weight: 700;
}
[dir] .referral-share label[data-v-626c2ebf] { margin: 20px 0 8px;
}
.referral-field[data-v-626c2ebf] { display: flex; height: 56px; overflow: hidden;
}
[dir] .referral-field[data-v-626c2ebf] { border: 1px solid #ded9e6; border-radius: 8px; background: #fff;
}
.referral-field input[data-v-626c2ebf] { flex: 1; width: 100%; min-width: 0; font-size: 14px; color: #393544;
}
[dir] .referral-field input[data-v-626c2ebf] { border: 0; background: transparent; padding: 12px 16px;
}
.referral-field .referral-code[data-v-626c2ebf] { font-size: 23px; font-weight: 700;
}
.referral-field button[data-v-626c2ebf] { width: 56px; flex: 0 0 56px; color: #7900b5;
}
[dir] .referral-field button[data-v-626c2ebf] { border: 0; background: #f0e4f8; cursor: pointer;
}
[dir] .referral-field button[data-v-626c2ebf]:hover { background: #e9d6f3;
}
.referral-field button[data-v-626c2ebf]:disabled { opacity: .5;
}
[dir] .referral-field button[data-v-626c2ebf]:disabled { cursor: default;
}
.referral-field button[data-v-626c2ebf]:focus-visible, .referral-field input[data-v-626c2ebf]:focus-visible { outline: 2px solid #7900b5; outline-offset: -3px;
}
.referral-copy-status[data-v-626c2ebf] { min-height: 24px; font-size: 13px; color: #571276;
}
[dir] .referral-copy-status[data-v-626c2ebf] { margin-top: 8px;
}
.referral-state[data-v-626c2ebf] { min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
[dir] .referral-invitee[data-v-626c2ebf] { border-bottom: 1px solid #ded9e6; padding: 18px 0;
}
.referral-person[data-v-626c2ebf] { display: flex; align-items: center; gap: 12px;
}
[dir] .referral-person[data-v-626c2ebf] { margin-bottom: 12px;
}
.referral-person > div[data-v-626c2ebf] { overflow-wrap: anywhere;
}
.referral-initial[data-v-626c2ebf] { flex: 0 0 36px; color: #7900b5;
}
[dir] .referral-initial[data-v-626c2ebf] { background: #f0e4f8;
}
.referral-invitee small[data-v-626c2ebf] { display: block; font-size: 12px; color: #716b7b;
}
.referral-payment[data-v-626c2ebf] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; overflow-wrap: anywhere;
}
[dir] .referral-payment[data-v-626c2ebf] { padding: 8px 0;
}
.referral-payment > span[data-v-626c2ebf]:first-child { flex: 1; min-width: 140px;
}
.referral-payment strong[data-v-626c2ebf] { color: #4c2670;
}
.referral-payment-status.approved[data-v-626c2ebf] { color: #18865e;
}
.referral-payment-status.reversed[data-v-626c2ebf] { color: #b4363a;
}
.referral-page .btn[data-v-626c2ebf] { white-space: normal;
}
.referral-steps ol[data-v-626c2ebf] { list-style: none;
}
[dir] .referral-steps ol[data-v-626c2ebf] { padding: 0; margin: 0;
}
.referral-steps li[data-v-626c2ebf] { display: flex; align-items: flex-start; gap: 16px;
}
[dir] .referral-steps li[data-v-626c2ebf] { margin: 16px 0;
}
.referral-step-number[data-v-626c2ebf] { flex: 0 0 36px; height: 36px; display: grid; place-items: center; color: #7900b5; font-weight: 700;
}
[dir] .referral-step-number[data-v-626c2ebf] { border-radius: 6px; background: #eee2f5;
}
.referral-steps li > span[data-v-626c2ebf]:last-child { overflow-wrap: anywhere;
}
[dir] .referral-steps li > span[data-v-626c2ebf]:last-child { padding-top: 6px;
}
.referral-table-scroll[data-v-626c2ebf] { overflow-x: auto;
}
.referral-bonus-table[data-v-626c2ebf] { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px;
}
.referral-bonus-table th[data-v-626c2ebf], .referral-bonus-table td[data-v-626c2ebf] { overflow-wrap: anywhere;
}
[dir] .referral-bonus-table th[data-v-626c2ebf], [dir] .referral-bonus-table td[data-v-626c2ebf] { padding: 14px 8px; border-bottom: 1px solid #ded9e6; text-align: end;
}
[dir] .referral-bonus-table th[data-v-626c2ebf]:first-child { text-align: start;
}
.referral-bonus-table thead th[data-v-626c2ebf] { color: #716b7b; font-weight: 600;
}
.referral-bonus-table small[data-v-626c2ebf] { display: block; font-size: 11px;
}
.referral-large-row[data-v-626c2ebf] { color: #553715;
}
[dir] .referral-large-row[data-v-626c2ebf] { background: #fff1cf;
}
[dir] .referral-terms[data-v-626c2ebf] { border-top: 1px solid #ded9e6; padding-top: 24px;
}
.referral-terms p[data-v-626c2ebf] { color: #716b7b; font-size: 13px;
}
[dir] .referral-terms p[data-v-626c2ebf] { margin: 12px 0;
}
@media (max-width: 760px) {
[dir] .referral-page[data-v-626c2ebf] { padding: 0 16px 24px;
}
.referral-heading[data-v-626c2ebf] { margin-inline: -16px;
}
[dir] .referral-heading[data-v-626c2ebf] { padding: 24px 20px;
}
.referral-heading h2[data-v-626c2ebf] { font-size: 26px;
}
.referral-subtitle[data-v-626c2ebf] { font-size: 15px;
}
.referral-big-pack[data-v-626c2ebf] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px;
}
.referral-big-pack > div[data-v-626c2ebf]:first-child { grid-column: 1 / -1;
}
.referral-pack-amount strong[data-v-626c2ebf] { font-size: 28px;
}
.referral-overview[data-v-626c2ebf] { grid-template-columns: 1fr; gap: 28px;
}
.referral-page h3[data-v-626c2ebf] { font-size: 20px;
}
.referral-big-pack h3[data-v-626c2ebf] { font-size: 14px;
}
.referral-rates[data-v-626c2ebf] { gap: 8px;
}
[dir] .referral-rate[data-v-626c2ebf] { padding: 14px 10px;
}
.referral-rate strong[data-v-626c2ebf] { font-size: 27px;
}
.referral-rate > span[data-v-626c2ebf], .referral-rate small[data-v-626c2ebf] { font-size: 12px; overflow-wrap: anywhere;
}
.referral-bonus-table[data-v-626c2ebf] { font-size: 12px;
}
[dir] .referral-bonus-table th[data-v-626c2ebf], [dir] .referral-bonus-table td[data-v-626c2ebf] { padding: 12px 4px;
}
}
.referral-page[data-v-626c2ebf] { max-width: 1270px; font-size: 16px;
}
[dir] .referral-page[data-v-626c2ebf] { padding: 32px 20px 56px;
}
.referral-heading[data-v-626c2ebf] { min-height: 292px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 28px; align-items: center;
}
[dir] .referral-heading[data-v-626c2ebf] { margin: 0; padding: 30px 40px; border-radius: 28px; box-shadow: 0 14px 32px rgba(77,18,102,.12);
}
[dir=ltr] .referral-heading[data-v-626c2ebf] { background: linear-gradient(112deg,#571276 0%,#611383 58%,#7a2199 100%);
}
[dir=rtl] .referral-heading[data-v-626c2ebf] { background: linear-gradient(-112deg,#571276 0%,#611383 58%,#7a2199 100%);
}
.referral-eyebrow[data-v-626c2ebf] { display: inline-flex; color: #4f2b08; font-size: 14px; font-weight: 800;
}
[dir] .referral-eyebrow[data-v-626c2ebf] { padding: 8px 17px; margin: 0; border-radius: 14px; background: #ffbf36;
}
.referral-heading h2[data-v-626c2ebf] { font-size: 43px; line-height: 1.18;
}
[dir] .referral-heading h2[data-v-626c2ebf] { margin: 18px 0 12px;
}
.referral-highlight[data-v-626c2ebf] { display: inline-block; color: #51246d;
}
[dir] .referral-highlight[data-v-626c2ebf] { padding: 0 .22em .04em; border-radius: 10px; background: #ffbf36;
}
.referral-subtitle[data-v-626c2ebf] { font-size: 18px;
}
.referral-big-pack[data-v-626c2ebf] { display: block;
}
[dir] .referral-big-pack[data-v-626c2ebf] { margin: 0; padding: 20px 26px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(132,37,168,.82);
}
[dir] .referral-pack-amount[data-v-626c2ebf] { margin-top: 4px;
}
.referral-pack-amount strong[data-v-626c2ebf] { display: inline; color: #ffbf36; font-size: 31px; line-height: 1.2;
}
.referral-pack-amount span[data-v-626c2ebf] { display: inline; margin-inline-start: 6px; font-size: 14px; font-weight: 700;
}
[dir] .referral-pack-amount[data-v-626c2ebf]:last-child { margin-top: 10px;
}
.referral-pack-amount:last-child strong[data-v-626c2ebf] { font-size: 40px; line-height: 1.1;
}
[dir] .referral-section[data-v-626c2ebf] { margin-top: 36px;
}
.referral-page h3[data-v-626c2ebf] { font-size: 27px;
}
.referral-big-pack h3[data-v-626c2ebf] { font-size: 14px;
}
.referral-rates[data-v-626c2ebf] { gap: 20px;
}
.referral-rate[data-v-626c2ebf] { min-height: 145px;
}
[dir] .referral-rate[data-v-626c2ebf] { padding: 24px; border: 0; border-radius: 22px; box-shadow: 0 8px 24px rgba(47,31,61,.035);
}
.referral-rate > span[data-v-626c2ebf] { display: table; font-weight: 800;
}
[dir] .referral-rate > span[data-v-626c2ebf] { padding: 7px 15px; border-radius: 999px; background: #f4e8fb;
}
.referral-rate strong[data-v-626c2ebf] { display: inline-block; font-size: 42px; line-height: 1.1;
}
[dir] .referral-rate strong[data-v-626c2ebf] { margin-top: 9px;
}
.referral-rate small[data-v-626c2ebf] { display: inline; margin-inline-start: 7px; font-size: 16px;
}
.referral-note[data-v-626c2ebf] { font-size: 14px;
}
.referral-overview[data-v-626c2ebf] { gap: 24px;
}
[dir] .referral-overview[data-v-626c2ebf] { margin-top: 36px; padding: 0; border: 0;
}
.referral-example[data-v-626c2ebf],.referral-stats[data-v-626c2ebf] { min-height: 230px;
}
[dir] .referral-example[data-v-626c2ebf], [dir] .referral-stats[data-v-626c2ebf] { padding: 24px; background: #fff; border-radius: 22px; box-shadow: 0 8px 24px rgba(47,31,61,.035);
}
.referral-example h3[data-v-626c2ebf],.referral-stats h3[data-v-626c2ebf] { font-size: 20px;
}
[dir] .referral-example .referral-summary-row[data-v-626c2ebf] { border: 0; padding: 10px 0;
}
.referral-summary-row strong[data-v-626c2ebf] { font-size: 18px;
}
.referral-stats .referral-summary-row strong[data-v-626c2ebf] { font-size: 22px;
}
[dir] .referral-share-heading[data-v-626c2ebf] { margin: 30px 0 18px; padding: 16px 22px; border-radius: 20px; background: #f0e4f8;
}
.referral-share-heading > svg[data-v-626c2ebf] { box-sizing: content-box; color: #fff;
}
[dir] .referral-share-heading > svg[data-v-626c2ebf] { padding: 10px; border-radius: 14px; background: #6d1595;
}
.referral-share-heading h3[data-v-626c2ebf] { font-size: 20px;
}
[dir] .referral-share-heading h3[data-v-626c2ebf] { margin: 0;
}
.referral-share-heading p[data-v-626c2ebf] { color: #6d1595;
}
[dir] .referral-share[data-v-626c2ebf], [dir] .referral-steps[data-v-626c2ebf], [dir] .referral-terms[data-v-626c2ebf] { padding: 28px 32px; border: 0; border-radius: 22px; background: #fff; box-shadow: 0 8px 24px rgba(47,31,61,.035);
}
.referral-share label[data-v-626c2ebf] { font-size: 19px;
}
[dir] .referral-share label[data-v-626c2ebf] { margin: 0 0 9px;
}
[dir] .referral-share .referral-note[data-v-626c2ebf] { margin: 8px 0 20px;
}
.referral-field[data-v-626c2ebf] { min-height: 60px; height: auto; gap: 12px;
}
[dir] .referral-field[data-v-626c2ebf] { border-radius: 12px; background: #faf9fc;
}
[dir=ltr] .referral-field[data-v-626c2ebf] { padding: 10px 16px 10px 20px;
}
[dir=rtl] .referral-field[data-v-626c2ebf] { padding: 10px 20px 10px 16px;
}
.referral-field input[data-v-626c2ebf],.referral-field .referral-code[data-v-626c2ebf] { font-size: 16px; font-weight: 600;
}
[dir] .referral-field input[data-v-626c2ebf], [dir] .referral-field .referral-code[data-v-626c2ebf] { padding: 0;
}
.referral-field button[data-v-626c2ebf] { width: 40px; height: 40px; flex-basis: 40px;
}
[dir] .referral-field button[data-v-626c2ebf] { border-radius: 9px;
}
.referral-steps h3[data-v-626c2ebf],.referral-terms h3[data-v-626c2ebf] { font-size: 20px;
}
.referral-step-number[data-v-626c2ebf] { flex-basis: 44px; height: 38px;
}
[dir] .referral-step-number[data-v-626c2ebf] { border-radius: 12px;
}
.referral-terms p[data-v-626c2ebf] { font-size: 14px;
}
@media (max-width: 760px) {
[dir] .referral-page[data-v-626c2ebf] { padding: 16px 12px 36px;
}
.referral-heading[data-v-626c2ebf] { grid-template-columns: minmax(0,1fr); gap: 20px;
}
[dir] .referral-heading[data-v-626c2ebf] { padding: 24px;
}
.referral-heading h2[data-v-626c2ebf] { font-size: 30px;
}
[dir] .referral-big-pack[data-v-626c2ebf] { padding: 20px 26px;
}
.referral-rates[data-v-626c2ebf] { grid-template-columns: minmax(0,1fr); gap: 12px;
}
.referral-rate[data-v-626c2ebf] { min-height: auto;
}
[dir] .referral-rate[data-v-626c2ebf] { padding: 22px;
}
.referral-rate > span[data-v-626c2ebf] { display: table; font-size: 14px;
}
.referral-rate strong[data-v-626c2ebf] { font-size: 42px;
}
.referral-rate small[data-v-626c2ebf] { font-size: 16px;
}
.referral-overview[data-v-626c2ebf] { grid-template-columns: minmax(0,1fr); gap: 16px;
}
[dir] .referral-example[data-v-626c2ebf], [dir] .referral-stats[data-v-626c2ebf], [dir] .referral-share[data-v-626c2ebf], [dir] .referral-steps[data-v-626c2ebf], [dir] .referral-terms[data-v-626c2ebf] { padding: 22px;
}
[dir] .referral-section[data-v-626c2ebf] { margin-top: 28px;
}
.referral-page h3[data-v-626c2ebf] { font-size: 23px;
}
.referral-big-pack h3[data-v-626c2ebf] { font-size: 14px;
}
.referral-example h3[data-v-626c2ebf],.referral-stats h3[data-v-626c2ebf],.referral-steps h3[data-v-626c2ebf],.referral-terms h3[data-v-626c2ebf] { font-size: 20px;
}
.referral-share-heading[data-v-626c2ebf] { gap: 12px;
}
[dir] .referral-share-heading[data-v-626c2ebf] { margin-top: 22px; padding: 16px;
}
.referral-share-heading h3[data-v-626c2ebf] { font-size: 17px;
}
.referral-field[data-v-626c2ebf] { gap: 8px;
}
[dir] .referral-field[data-v-626c2ebf] { padding: 10px 12px;
}
.referral-field input[data-v-626c2ebf] { font-size: 13px;
}
.referral-pack-amount strong[data-v-626c2ebf] { font-size: 31px;
}
}


/*# sourceMappingURL=chunk-938a7e58.c25668bd.css.map*/