.site-main:has(>.referral-page){max-width:1280px}.referral-page{--ref-ink:#20212b;--ref-muted:#626571;--ref-line:#e2e2e9;color:var(--ref-ink)}.referral-page :is(h1,h2,h3){color:var(--ref-ink)}.referral-eyebrow{color:#6b6d78;letter-spacing:.17em;font-size:10px;font-weight:850;display:block}.referral-hero__trust{color:#ebe9f2;flex-wrap:wrap;gap:18px;margin-top:26px;font-size:11px;display:flex}.referral-hero__trust span{align-items:center;gap:6px;display:flex}.referral-hero__visual{justify-self:end;width:310px;height:310px;position:relative}.referral-orbit{border:1px solid #ffffff29;border-radius:50%;position:absolute}.referral-orbit--one{inset:15px}.referral-orbit--two{border-style:dashed;inset:65px}.referral-avatar{z-index:2;color:#fff;width:54px;height:54px;font-family:var(--font-display);background:#7a61ef;border:4px solid #171522;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;box-shadow:0 14px 30px #0007}.referral-avatar--you{color:#243400;background:#c9f73a;top:24px;left:128px}.referral-avatar--friend-one{background:#ff70ae;top:128px;right:3px}.referral-avatar--friend-two{background:#5d77ff;bottom:16px;left:41px}.referral-hero__visual>strong{color:#fff;font-family:var(--font-display);text-align:center;letter-spacing:-.05em;place-items:center;font-size:30px;line-height:.86;display:grid;position:absolute;inset:0}.referral-hero__visual:after{content:"";background:radial-gradient(circle,#7254ff55,#0000 72%);border-radius:50%;position:absolute;inset:100px}.referral-flash,.referral-warning{color:#254d16;background:#e8ffd6;border-radius:10px;margin:0 0 24px;padding:13px 16px;font-size:13px}.referral-claim{background:#f0ebff;border:1px solid #d8cef1;border-radius:18px;grid-template-columns:minmax(210px,.4fr) minmax(0,1fr);gap:28px;margin-bottom:36px;padding:24px;display:grid}.referral-claim>div{align-items:center;gap:12px;display:flex}.referral-claim h2{margin:0;font-size:21px}.referral-section-icon{color:#6745c6;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.referral-claim form{justify-content:space-between;align-items:center;gap:20px;display:flex}.referral-claim form>p{color:#5f5873;margin:0;font-size:12px;line-height:1.6}.referral-page .referral-claim button{border-radius:9px;flex:none;font-size:12px}.referral-invite,.referral-tracking{margin-bottom:48px}.referral-section-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.referral-section-number{color:#757681;border:1px solid #d2d2dc;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.referral-section-heading h2{letter-spacing:-.04em;margin:5px 0 3px;font-size:clamp(25px,3vw,32px)}.referral-section-heading p{color:var(--ref-muted);margin:0;font-size:13px;line-height:1.6}.referral-invite__grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:14px;display:grid}.referral-share-card,.referral-how{border:1px solid var(--ref-line);background:#fff;border-radius:18px;padding:24px}.referral-share__message{background:#f1edff;border-radius:12px;margin-bottom:20px;padding:16px}.referral-share__message>span,.referral-how>span{color:#706481;letter-spacing:.14em;font-size:9px;font-weight:850}.referral-share__message p{color:#3f3556;margin:7px 0 0;font-size:13px;line-height:1.6}.referral-share>label{font-size:11px;font-weight:750}.referral-page .action-group{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;margin-top:6px;display:grid}.referral-page .action-group input{min-width:0;height:45px;font-size:12px}.referral-page .action-group button{border-radius:9px;min-height:45px;font-size:11px}.referral-page .action-group .referral-share-button{background:#6041bd}.referral-share__shortcuts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.referral-share__shortcuts span{color:var(--ref-muted);font-size:10px}.referral-share__shortcuts a{font-size:11px}.referral-copy-status{min-height:18px;color:var(--ref-muted);margin:12px 0 0;font-size:10px}.referral-how>ol{gap:17px;margin:17px 0 0;padding:0;list-style:none;display:grid}.referral-how li{gap:10px;display:flex}.referral-how li>b{color:#5b2eff;background:#ece6ff;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.referral-how li strong{font-size:12px;display:block}.referral-how li p{color:var(--ref-muted);margin:2px 0 0;font-size:10px}.referral-program{border-radius:13px;align-items:flex-start;gap:13px;margin-top:12px;padding:16px 18px;display:flex}.referral-program>span{font-size:21px}.referral-program strong{font-size:13px}.referral-program p{margin:3px 0 0;font-size:11px;line-height:1.65}.referral-program--waiting{color:#6e501b;background:#fff2d4}.referral-program--active{color:#294d14;background:#e5ffd2}.referral-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.referral-stats article{border:1px solid var(--ref-line);background:#fff;border-radius:16px;min-height:145px;padding:20px;position:relative}.referral-stat-icon{color:#6042b0;background:#eee9fb;border-radius:10px;place-items:center;width:33px;height:33px;font-size:14px;display:grid;position:absolute;top:16px;right:16px}.referral-stats strong{font-family:var(--font-display);margin:4px 0 10px;font-size:38px;line-height:1;display:block}.referral-stats p{margin:0;font-size:12px;font-weight:750}.referral-stats small{color:var(--ref-muted);margin-top:5px;font-size:10px;display:block}.referral-funnel{border:1px solid var(--ref-line);background:#fff;border-radius:16px;gap:13px;margin-top:14px;padding:22px;display:grid}.referral-funnel>div{grid-template-columns:160px minmax(0,1fr) 30px;align-items:center;gap:12px;display:grid}.referral-funnel span{font-size:11px}.referral-funnel b{text-align:right;grid-column:3;font-size:11px}.referral-funnel i{background:linear-gradient(90deg,#6650d9,#9b72ed);border-radius:999px;grid-area:1/2;height:8px;display:block}.referral-funnel>div:nth-child(2) i{background:linear-gradient(90deg,#3d8970,#70b79c)}.referral-funnel>div:nth-child(3) i{background:linear-gradient(90deg,#a88625,#dabb57)}.referral-activity{border:1px solid var(--ref-line);background:#fff;border-radius:18px;margin-bottom:36px;padding:24px}.referral-activity__head{border-bottom:1px solid #ececf0;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:18px;display:flex}.referral-activity__head h2{margin:5px 0 0;font-size:23px}.referral-activity__head>span{color:var(--ref-muted);font-size:10px}.referral-timeline{margin:0;padding:0;list-style:none}.referral-timeline li{border-bottom:1px solid #ececf0;grid-template-columns:16px minmax(0,1fr);gap:13px;padding:18px 0;display:grid}.referral-timeline__marker{background:#9178d4;border:3px solid #fff;border-radius:50%;width:10px;height:10px;margin-top:4px;box-shadow:0 0 0 2px #d9d0ef}.referral-timeline__marker--success{background:#3d9873;box-shadow:0 0 0 2px #bfe6d4}.referral-timeline__marker--warning{background:#c19131;box-shadow:0 0 0 2px #f3daa4}.referral-timeline__title{justify-content:space-between;align-items:center;gap:12px;display:flex}.referral-timeline__title strong{font-size:13px}.referral-timeline__title time{color:var(--ref-muted);font-size:10px}.referral-reward-state{color:#5d4892;background:#eee9fa;border-radius:6px;margin-top:7px;padding:4px 7px;font-size:9px;font-weight:750;display:inline-flex}.referral-reward-state--success{color:#236348;background:#def5e9}.referral-reward-state--warning{color:#72521c;background:#fff0d2}.referral-timeline p{color:var(--ref-muted);margin:7px 0 0;font-size:11px}.referral-empty{text-align:center;justify-items:center;padding:45px 20px;display:grid}.referral-empty>span{color:#8b77c0;font-size:35px}.referral-empty h3{margin:9px 0 5px;font-size:19px}.referral-empty p{max-width:530px;color:var(--ref-muted);margin:0 0 12px;font-size:12px;line-height:1.65}.referral-empty a{font-size:12px}.referral-privacy{color:var(--ref-muted);margin:16px 0 0;font-size:10px;line-height:1.6}.referral-footer-card{background:linear-gradient(130deg,#e9e2ff,#f6edff 55%,#e8ffd4);border-radius:20px;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;display:flex}.referral-footer-card h2{margin:6px 0 3px;font-size:23px}.referral-footer-card p{color:var(--ref-muted);margin:0;font-size:12px}.referral-page .referral-footer-card>a{background:var(--ref-ink);color:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:25px;min-width:195px;padding:12px 14px;font-size:11px;text-decoration:none;display:flex}.referral-footer-card>a:hover{background:#5b2eff}.referral-page--unavailable{border:1px solid var(--ref-line);background:#fff;border-radius:20px;max-width:650px;margin:50px auto;padding:38px}.referral-page--unavailable h1{margin:10px 0}.referral-page--unavailable p{color:var(--ref-muted)}.referral-page :is(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #8c76d2}@media (max-width:900px){.referral-page .referral-hero{grid-template-columns:minmax(0,1fr) 240px}.referral-hero__visual{width:240px;height:240px}.referral-avatar--you{left:94px}.referral-avatar--friend-one{top:92px}.referral-invite__grid{grid-template-columns:1fr}.referral-how>ol{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.referral-page .referral-hero{grid-template-columns:1fr;min-height:0}.referral-hero__visual{opacity:.35;position:absolute;bottom:-75px;right:-75px}.referral-hero__copy{padding-right:30px}.referral-claim{grid-template-columns:1fr}.referral-claim form{flex-direction:column;align-items:flex-start}.referral-stats{grid-template-columns:1fr}.referral-stats article{min-height:115px}.referral-funnel>div{grid-template-columns:125px minmax(0,1fr) 25px}.referral-footer-card{flex-direction:column;align-items:flex-start}.referral-page .referral-footer-card>a{width:100%;min-width:0}}@media (max-width:520px){.referral-back{margin-bottom:18px}.referral-page .referral-hero{border-radius:22px;margin-bottom:34px;padding:30px 22px}.referral-hero h1{font-size:42px}.referral-hero__copy>p{font-size:14px}.referral-hero__trust{gap:8px;display:grid}.referral-section-heading h2{font-size:25px}.referral-share-card,.referral-how,.referral-activity{padding:17px}.referral-page .action-group{grid-template-columns:1fr 1fr}.referral-page .action-group input{grid-column:1/-1;font-size:16px}.referral-how>ol{grid-template-columns:1fr}.referral-funnel{padding:17px}.referral-funnel>div{grid-template-columns:1fr 25px;gap:5px}.referral-funnel b{grid-column:2}.referral-funnel i{grid-area:2/1/auto/-1}.referral-activity__head{flex-direction:column;align-items:flex-start;gap:7px}.referral-timeline__title{flex-direction:column;align-items:flex-start;gap:5px}.referral-footer-card{padding:22px}}@media (prefers-reduced-motion:reduce){.referral-page *{scroll-behavior:auto}}
