:root{--ref-maroon:#804;--ref-dark:#57002e;--ref-text:#1f171b;--ref-muted:#6f6469;--ref-border:#eadfd9;--ref-cream:#fffaf7}*{box-sizing:border-box}.referralPage{position:relative;min-height:100vh;color:var(--ref-text);background:#fffaf7}.referralHeader{position:relative;z-index:5;width:calc(100% - 40px);min-height:66px;margin:15px auto 0;padding:10px 26px 10px 30px;justify-content:space-between;border:1px solid rgba(106,0,55,.1);border-radius:20px;background:hsla(0,0%,100%,.9);box-shadow:0 10px 30px rgba(94,30,51,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.referralBrand,.referralHeader{display:flex;align-items:center}.referralBrand{gap:15px;color:#7f003f;font-size:18px;font-weight:800;text-decoration:none;letter-spacing:.02em}.referralLogo{width:39px;height:39px;display:grid;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,#99004e,#670035);font-size:22px;font-weight:900}.referralNavigation{display:flex;align-items:center;gap:12px}.referralNavigation a{min-width:100px;height:42px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:14px;font-weight:700;text-decoration:none}.loginButton{color:#730039;border:1px solid rgba(136,0,68,.23);background:#fff}.getAppButton{color:#fff;border:1px solid #804;background:linear-gradient(135deg,#97004c,#700038);box-shadow:0 8px 18px rgba(112,0,56,.18)}.referralMain{position:relative;z-index:2;width:min(1440px,calc(100% - 40px));margin:0 auto;padding:48px 0 70px}.referralHero{min-height:355px;padding:10px 30px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:50px}.referralHero h1{margin:0;color:#1d181a;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,4.6vw,68px);font-weight:400;line-height:1.08;letter-spacing:-.04em}.referralHero h1 span{color:var(--ref-maroon)}.referralHero>div>p{margin:25px 0 0;color:#514a4d;font-size:18px;line-height:1.65}.quickStats{width:min(590px,100%);margin-top:34px;padding:18px 8px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e9dcd6;border-radius:17px;background:hsla(0,0%,100%,.55)}.quickStat{min-width:0;padding:0 17px;display:flex;align-items:center;gap:14px}.quickStat+.quickStat{border-left:1px solid #eee3de}.quickIcon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;color:#8d0045;border-radius:50%;background:#f8e9ed;font-size:21px;font-weight:900}.coinIcon{color:#ef9e1b;background:#fff1dc}.quickStat small,.quickStat strong{display:block}.quickStat strong{font-size:22px}.quickStat small{margin-top:2px;color:#62585d;font-size:12px}.statsLookup{width:380px;margin-top:15px;padding:22px;border:1px solid #eaded8;border-radius:18px;background:hsla(0,0%,100%,.89);box-shadow:0 18px 55px rgba(87,0,46,.08)}.shareSection label,.statsLookup label{display:block;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:16px}.shareInputRow,.statsLookup>div{display:flex;gap:9px}.shareInputRow input,.statsLookup input{width:100%;min-width:0;height:46px;padding:0 14px;border:1px solid #e7dbd5;border-radius:10px;outline:none;background:#fff;font:inherit}.shareInputRow input:focus,.statsLookup input:focus{border-color:#97004c;box-shadow:0 0 0 3px rgba(151,0,76,.08)}.shareInputRow button,.statsLookup button{min-width:112px;height:46px;padding:0 17px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#97004c,#700038);font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.errorMessage{margin:12px 0 0;color:#a01840;font-size:12px;line-height:1.45}.referralLayout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;grid-gap:26px;gap:26px}.leaderboardCard,.referralDashboard{border:1px solid #eadfda;border-radius:25px;background:hsla(0,0%,100%,.92);box-shadow:0 22px 60px rgba(92,27,50,.07)}.referralDashboard{padding:28px 24px 20px}.leaderboardCard{position:-webkit-sticky;position:sticky;top:25px;padding:28px 24px}.sectionHeading{display:flex;align-items:center;gap:14px}.headingIcon{width:53px;height:53px;flex:0 0 53px;display:grid;place-items:center;border-radius:50%;background:#f8e8ea;font-size:23px}.trophyIcon{background:#fff0df}.sectionHeading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.sectionHeading p{margin:5px 0 0;color:var(--ref-muted);font-size:12px}.meterScroller{margin-top:32px;overflow-x:auto;padding:10px 0}.meter{min-width:710px;padding:0 10px}.meterTrack{position:relative;height:5px;margin:11px 7.1% 0;border-radius:100px;background:#e5e1df}.meterFill{height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#7e003f,#a80056);transition:width .45s ease}.meterMilestones{position:relative;margin-top:-14px;display:grid;grid-template-columns:repeat(7,1fr)}.milestone{text-align:center}.milestoneDot{width:24px;height:24px;margin:0 auto 13px;display:grid;place-items:center;color:#fff;border:3px solid #ddd8d6;border-radius:50%;background:#fff;font-size:12px;font-weight:900}.milestone.reached .milestoneDot{border-color:#850043;background:#850043;box-shadow:0 0 0 4px #fff}.milestone b,.milestone em,.milestone small,.milestone strong{display:block}.milestone strong{font-size:16px}.milestone small{margin-top:3px;color:#655b60;font-size:10px}.milestone b{margin-top:22px;color:#820041;font-size:14px}.milestone em{min-height:14px;margin-top:4px;color:#51464b;font-size:9px;font-style:normal}.currentProgress{width:-moz-fit-content;width:fit-content;margin:19px auto 22px;padding:10px 19px;display:flex;align-items:center;gap:9px;border:1px solid #eaded8;border-radius:10px;background:#fffaf7}.currentProgress span,.currentProgress strong{color:#850043}.currentProgress p{margin:0;font-size:12px}.rewardsSection{padding:20px 16px 15px;border:1px solid #ebdfd9;border-radius:19px}.compactHeading .headingIcon{width:45px;height:45px;flex-basis:45px;font-size:19px}.compactHeading h2{font-size:18px}.rewardGrid{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.rewardCard{min-width:0;padding:17px 10px 11px;text-align:center;border:1px solid #eadfd9;border-radius:14px;background:linear-gradient(155deg,#fff,#fffaf7)}.rewardCard.unlocked{border-color:rgba(136,0,68,.32)}.rewardCard h3{margin:0;color:#850043;font-size:14px}.rewardCard>p{margin:5px 0 0;font-size:11px}.rewardCoins{margin-top:19px;display:flex;align-items:center;justify-content:center;gap:7px}.rewardCoins span{width:17px;height:17px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#efaa27;font-size:9px}.rewardCoins strong{font-size:12px}.rewardCard>small{min-height:34px;margin-top:15px;display:block;color:#62575c;font-size:9.5px;line-height:1.5}.rewardCard button{width:100%;min-height:35px;margin-top:10px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;color:#850043;border:1px solid #ead7dc;border-radius:9px;background:#fff9f8;font-size:9px;font-weight:800}.shareSection{margin-top:19px;border:1px solid #eadfda;border-radius:18px;overflow:hidden}.referralLinkBlock{padding:19px}.shareSection p{margin:-3px 0 10px;color:#6d6267;font-size:10px}.shareBottom{display:grid;grid-template-columns:1.35fr .9fr;border-top:1px solid #eee2dd}.shareBottom form,.socialSharing{padding:18px}.socialSharing{border-left:1px solid #eee2dd}.socialSharing>div{display:flex;gap:15px}.socialSharing button{width:44px;height:44px;display:grid;place-items:center;color:#21191c;border:1px solid #e5d9d3;border-radius:50%;background:#fff;font-size:17px;font-weight:700;cursor:pointer}.referralNotes{margin-top:17px;padding:15px 8px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #eadfd9;border-radius:15px;background:#fffaf7}.referralNotes>div{padding:0 11px;display:flex;align-items:center;gap:10px}.referralNotes>div+div{border-left:1px solid #eee2dd}.referralNotes span{font-size:19px}.referralNotes p{margin:0;color:#675c61;font-size:9.5px;line-height:1.5}.leaderboardList{margin-top:27px;display:flex;flex-direction:column;gap:13px}.leaderboardRow{padding:15px 13px;display:grid;grid-template-columns:28px 43px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border:1px solid #eadfd9;border-radius:15px;background:#fff}.rankBadge{width:27px;height:27px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#a67c52;font-size:11px;font-weight:900}.rank1{background:#dda324}.rank2{background:#a5a5a5}.rank3{background:#bb653c}.avatar{width:43px;height:43px;display:grid;place-items:center;color:#fff;border-radius:50%;background:linear-gradient(135deg,#9e0050,#650034);font-size:13px;font-weight:800}.avatar2{background:linear-gradient(135deg,#857d82,#50494d)}.avatar3{background:linear-gradient(135deg,#8a536b,#583343)}.leaderboardUser{min-width:0}.leaderboardCoins small,.leaderboardCoins strong,.leaderboardUser small,.leaderboardUser strong{display:block}.leaderboardUser strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.leaderboardUser small{margin-top:5px;color:var(--ref-muted);font-size:9.5px}.leaderboardCoins{text-align:right}.leaderboardCoins strong{color:#850043;font-size:13px}.leaderboardCoins small{margin-top:5px;color:#665b60;font-size:9px}.emptyLeaderboard{padding:30px 15px;color:#74686d;border:1px dashed #ded2cc;border-radius:14px;text-align:center;font-size:12px}@media (max-width:1050px){.referralHero{min-height:auto}.statsLookup{display:none}.referralLayout{grid-template-columns:1fr}.leaderboardCard{position:static}.rewardGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.referralHeader{width:calc(100% - 20px);padding:9px 12px}.referralBrand{gap:9px;font-size:13px}.referralLogo{width:35px;height:35px}.referralNavigation{gap:6px}.referralNavigation a{min-width:auto;height:36px;padding:0 12px;font-size:11px}.referralMain{width:calc(100% - 20px);padding-top:35px}.referralHero{padding:0 8px 35px}.referralHero h1{font-size:39px}.referralHero>div>p{font-size:15px}.quickStats{grid-template-columns:1fr;gap:14px}.quickStat{padding:0 14px}.quickStat+.quickStat{padding-top:14px;border-top:1px solid #eee3de;border-left:0}.leaderboardCard,.referralDashboard{padding:20px 13px;border-radius:20px}.sectionHeading h2{font-size:18px}.rewardGrid,.shareBottom{grid-template-columns:1fr}.socialSharing{border-top:1px solid #eee2dd;border-left:0}.referralNotes{grid-template-columns:1fr}.referralNotes>div{padding:12px}.referralNotes>div+div{border-top:1px solid #eee2dd;border-left:0}.shareInputRow{flex-direction:column}.shareInputRow button{width:100%}}