.referrals-page{--ref-purple:#b49af2}.referrals-page main{width:min(1200px,92%);padding-top:30px}.referrals-page .referral-hero{background:radial-gradient(at 85% 40%,#7850ac24,#0000 65%),#10131c;border:1px solid #423253;border-radius:22px;grid-template-columns:1.45fr 1fr;align-items:center;gap:45px;max-width:none;padding:44px 48px;display:grid;position:relative;overflow:hidden}.referral-hero-copy{z-index:1;position:relative}.referral-eyebrow{letter-spacing:.12em;color:#b49af2;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.referrals-page .referral-hero h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(34px,4.3vw,58px);font-weight:850;line-height:1.1}.referral-hero h1 em{color:#b49af2;font-style:normal}.referrals-page .referral-hero p{max-width:480px;font-size:14px;line-height:1.75}.referral-hero-cta{color:#172208;background:#b4ed50;border-radius:9px;align-items:center;gap:10px;margin:14px 0 20px;padding:13px 18px;font-size:13px;font-weight:750;display:inline-flex}.referral-hero-perks{color:#9da5b5;flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.referral-hero-perks span{align-items:center;gap:6px;display:inline-flex}.referral-showcase{background:#151522;border:1px solid #8470a133;border-radius:18px;justify-items:center;gap:12px;padding:22px;display:grid;transform:rotate(2deg);box-shadow:0 20px 60px #0005}.referral-showcase-caption{letter-spacing:.14em;color:#9a8aaf;font-size:8px}.referral-orbit{color:#c5adfa;background:radial-gradient(circle,#69508a50,#171523);border:2px solid #b49af2;border-radius:50%;justify-content:center;align-items:center;width:125px;height:125px;margin-top:8px;display:flex;position:relative;box-shadow:0 0 0 7px #9e7bf110,0 0 40px #9e7bf133}.referral-portrait{--portrait-color:#b49af2;border:2px solid var(--portrait-color);width:104px;height:104px;box-shadow:0 0 22px color-mix(in srgb, var(--portrait-color) 25%, transparent), inset 0 0 12px #b49af233;background:#10131c;border-radius:24px 9px;flex-shrink:0;padding:5px;position:relative}.portrait-lime{--portrait-color:#b4ed50}.portrait-gold{--portrait-color:#f4ce78}.referral-portrait>img{object-fit:cover;object-position:72% center;border-radius:17px 5px;width:100%;height:100%}.portrait-corner{background:var(--portrait-color);width:12px;height:12px;box-shadow:0 0 12px var(--portrait-color);border:3px solid #171523;position:absolute;transform:rotate(45deg)}.corner-one{top:-5px;left:12px}.corner-two{top:12px;right:-5px}.corner-three{bottom:-5px;right:12px}.corner-four{bottom:12px;left:-5px}.portrait-crown{width:32px;color:var(--portrait-color);fill:#171523;background:#171523;border-radius:5px;padding:3px;position:absolute;top:-17px;left:calc(50% - 16px)}.referral-orbit .referral-portrait{width:116px;height:116px}.referral-showcase{background:radial-gradient(at 50% 30%,#68419635,#0000 65%),#11131f}.referral-profile-gallery{margin-top:44px}.referral-profile-gallery .referral-section-title>p{color:#929aaa;font-size:12px;line-height:1.7}.referral-profile-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.referral-profile-example{background:radial-gradient(at 10% 70%,#9e7bf11c,#0000 75%),#11151e;border:1px solid #423253;border-radius:16px;min-width:0;padding:20px}.example-lime{border-color:#b4ed5033}.example-gold{border-color:#f4ce7844}.referral-example-heading{color:#9693aa;letter-spacing:.08em;justify-content:space-between;gap:8px;margin-bottom:28px;font-size:8px;display:flex}.referral-example-identity{align-items:center;gap:14px;display:flex;position:relative}.referral-example-identity .referral-portrait{width:76px;height:76px}.referral-example-identity h3{margin:0 0 9px;font-size:17px}.referral-example-identity .referral-demo-tag{padding:6px;font-size:9px}.referral-example-pin{filter:drop-shadow(0 2px 5px #000);width:34px;height:34px;position:absolute;bottom:-9px;left:53px}.referral-profile-example>p{color:#a6a0b9;border-top:1px solid #ffffff0c;margin:25px 0 0;padding-top:14px;font-size:11px}.referral-gallery-note{color:#929aaa;margin-top:14px;font-size:11px;line-height:1.7}.referral-hero-cta:focus-visible,.referrals-page button:focus-visible,.referrals-page a:focus-visible{outline-offset:4px;outline:2px solid #b4ed50}@media (max-width:1000px){.referral-profile-examples{grid-template-columns:1fr}.referral-example-identity .referral-portrait{width:88px;height:88px}.referral-example-pin{left:65px}}.referral-orbit-pin{position:absolute;bottom:-6px;right:-10px}.referral-orbit-pin img{width:43px;height:43px;image-rendering:pixelated}.referral-showcase>strong{font-size:20px}.referral-demo-tag{color:#d3bcff;background:#20172e;border:1px solid #9372c7;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:750;display:inline-flex;box-shadow:0 0 18px #9e7bf11a}.referral-showcase small{color:#8f839f;font-size:10px}.referral-mini-loot{border-top:1px solid #ffffff0c;justify-content:center;gap:22px;width:100%;padding-top:12px;display:flex}.referral-mini-loot span{color:#aaa0bc;justify-items:center;gap:5px;font-size:9px;display:grid}.referral-mini-loot img{width:22px;height:22px}.referral-invite-anchor{scroll-margin-top:90px}.referrals-page .referral-summary{border-radius:14px;grid-template-columns:minmax(0,2.4fr) repeat(3,minmax(0,1fr))}.referral-summary .referral-link-box input{color:#dcd7e9;background:#0c1119;border:1px solid #323542;border-radius:8px;width:100%;min-width:0;padding:10px;font-size:13px}.referrals-page .referral-summary>div{padding:20px}.referrals-page .referral-summary>div>svg{color:#b49af2;width:18px}.referrals-page .referral-link-box button{background:#352847;border:1px solid #6a507d;min-height:38px;font-size:11px}.referrals-page .referral-link-box button:first-child{color:#1a1228;background:#b49af2}.referral-section-title{justify-content:space-between;align-items:end;gap:20px;margin:42px 0 22px;display:flex}.referral-section-title h2{letter-spacing:-.025em;margin:9px 0 0;font-size:27px;font-weight:800;line-height:1.2}.referral-section-title a{color:#b49af2;align-items:center;gap:7px;font-size:12px;display:inline-flex}.referrals-page .referral-progress{background:0 0;border:0;margin:16px 0 20px}.referrals-page .referral-progress>div{background:0 0;border:0;font-size:11px;position:relative}.referrals-page .referral-progress>div:before{content:"";background:#3a3049;height:1px;position:absolute;top:32px;left:0;right:0}.referrals-page .referral-progress>div:first-child:before{left:50%}.referrals-page .referral-progress>div:last-child:before{right:50%}.referrals-page .referral-progress span{z-index:1;background:#11151d}.referrals-page .referral-progress .next span{color:#1e142e;background:#b49af2;border-color:#b49af2;box-shadow:0 0 18px #9e7bf133}.referrals-page .referral-rewards article{color:#b0a9bd;background:#11151e;padding:12px}.referrals-page .referral-rewards article.next{background:#181422}.referral-loot-art{background:radial-gradient(#74559e26,#0000 75%),#0d1119;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;margin-bottom:16px;display:flex}.referral-loot-art>img{width:70px;height:70px;image-rendering:pixelated;filter:drop-shadow(0 5px 14px #8261b344)}.referral-days{color:#d5be83;align-items:center;gap:5px;font-size:9px;display:inline-flex}.referrals-page .referral-rewards h2{color:#eee9f5;font-size:17px;font-weight:750}.referrals-page .referral-rewards p{min-height:36px;font-size:11px;line-height:1.6}.referrals-page .referral-rewards small{color:#a68bcf;font-size:10px}.referrals-page .referral-rewards article>span{border-top:1px solid #ffffff0b;align-items:center;gap:5px;margin-top:12px;padding-top:10px;font-size:10px;display:flex}.referral-framed-avatar{flex-shrink:0;padding:18px;display:inline-flex}.referral-framed-avatar>.user-avatar.large{width:88px;height:88px}.referral-orbit .referral-framed-avatar>.user-avatar.large{width:110px;height:110px}.referral-orbit .referral-framed-avatar{justify-content:center;align-items:center;padding:0}.referral-example-identity .referral-framed-avatar{padding:14px}.referral-example-identity .referral-framed-avatar>.user-avatar.large{width:64px;height:64px}.referral-example-identity .user-tag{white-space:normal;font-size:9px}.referral-loot-art{min-height:188px;position:relative;overflow:visible}.referral-loot-art>.referral-reward-pin{z-index:3;width:61px;height:61px;position:absolute;bottom:12px;right:2px}.referral-reward-tag{z-index:3;position:absolute;bottom:2px}.referral-reward-tag .user-tag{font-size:9px}.referral-how{border-top:1px solid #29313d;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px;padding:28px 0;display:grid}.referral-how>div{gap:9px;display:grid}.referral-how svg{color:#a98cd8;width:20px}.referral-how strong{font-size:13px}.referral-how p{color:#929aaa;margin:0;font-size:12px;line-height:1.7}@media (max-width:800px){.referrals-page main{width:100%;padding:20px 4vw 100px}.referrals-page .referral-hero{grid-template-columns:1fr;gap:28px;padding:26px 22px}.referrals-page .referral-hero h1{font-size:38px}.referral-showcase{justify-self:center;width:min(100%,310px);transform:none}.referrals-page .referral-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.referrals-page .referral-summary>div{padding:14px 10px}.referral-summary .referral-link-box{padding:20px}.referrals-page .referral-summary>div>span{font-size:10px}.referral-section-title{flex-direction:column;align-items:start}.referrals-page .referral-progress{grid-template-columns:repeat(5,minmax(0,1fr))}.referrals-page .referral-progress>div{flex-direction:column;align-items:center;padding:16px 0;font-size:9px;display:flex}.referrals-page .referral-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.referrals-page .referral-rewards article:last-child{grid-column:1/-1}.referral-how{grid-template-columns:1fr;gap:22px}.referral-demo-tag{padding:7px;font-size:10px}}