.ref-strip{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 16px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(90deg,#ffc94d12,#ffc94d00 55%),#161618d9;color:inherit;text-decoration:none;transition:border-color .15s ease}.ref-strip:hover{border-color:#ffc94d59}.ref-strip[hidden]{display:none}.ref-strip-ic{flex:none;width:20px;height:20px;color:var(--accent)}.ref-strip-text{flex:1;min-width:0;font-size:14px;line-height:1.35}.ref-strip-text b{font-weight:700}.ref-strip-text span{color:var(--text-dim)}.ref-strip-cta{flex:none;font-size:13px;font-weight:700;color:var(--accent)}.ref-strip-x{flex:none;width:24px;height:24px;border:none;background:none;color:var(--text-faint);font-size:13px;cursor:pointer;border-radius:6px}.ref-strip-x:hover{color:var(--text);background:#ffffff0f}@media(max-width:560px){.ref-strip-text{font-size:13px}.ref-strip-text span{display:none}}.ref-invited{position:fixed;left:20px;bottom:20px;z-index:120;width:min(480px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:var(--radius);border:1px solid rgba(255,201,77,.35);background:linear-gradient(180deg,#1e1e20fa,#141416fa);box-shadow:var(--shadow-2)}.ref-invited-text{flex:1;min-width:0;font-size:13.5px;line-height:1.45;color:var(--text-dim)}.ref-invited-text b{color:var(--text)}.ref-invited-btn{flex:none;padding:10px 18px;border-radius:8px;background:linear-gradient(180deg,#ffd46b,var(--accent) 45%,#ffb21f);color:#1a1200;font-size:14px;font-weight:700;text-decoration:none}@media(max-width:760px){.ref-invited{left:12px;bottom:calc(150px + env(safe-area-inset-bottom,0px))}}.recruiter-badge{--rb: #c98a54;--rb-2: #8a5530;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 5px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rb) 45%,transparent);background:color-mix(in srgb,var(--rb) 12%,rgba(0,0,0,.35));color:var(--rb);font-size:12px;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap;vertical-align:middle}.recruiter-badge:hover{border-color:var(--rb)}.recruiter-badge img{display:block;width:auto;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.recruiter-badge--2{--rb: #d4dbe3;--rb-2: #5d666f}.recruiter-badge--3{--rb: #ffc94d;--rb-2: #8a5f12;box-shadow:0 0 14px #ffc94d40}@media(max-width:560px){.recruiter-badge span{display:none}.recruiter-badge{padding:0 4px}}.profile-hero-bleed.is-trophy:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(225,235,248,.1) 46%,rgba(255,255,255,.34) 50%,rgba(225,235,248,.1) 54%,transparent 60%);background-size:260% 100%;mix-blend-mode:screen;animation:trophySweep 8s ease-in-out infinite}@keyframes trophySweep{0%{background-position:140% 0}40%,to{background-position:-40% 0}}.profile-hero-bleed.is-trophy:before{background:linear-gradient(90deg,#0a0a0db8,#0a0a0d59,#0a0a0d0d),var(--profile-bg-image) center 50% / cover no-repeat}.trophy-fx{position:absolute;inset:0;overflow:hidden}.trophy-fx:before{content:"";position:absolute;right:4%;bottom:0;width:44%;height:90%;background:radial-gradient(50% 50% at 50% 55%,rgba(220,232,248,.26),transparent 70%);animation:trophyGlow 4.5s ease-in-out infinite}@keyframes trophyGlow{0%,to{opacity:.35}50%{opacity:1}}.trophy-fx i{position:absolute;bottom:-8px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#f0f6fff2,#f0f6ff00 70%);box-shadow:0 0 8px 1px #dce8f8cc;opacity:0;animation:trophyMote var(--d) linear var(--delay) infinite}@keyframes trophyMote{0%{transform:translate(0);opacity:0}12%{opacity:.85}70%{opacity:.5}to{transform:translate(var(--dx),-300px);opacity:0}}@property --trophy-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.profile-avatar-wrap.is-trophy-av{--tm-1: #f2c08f;--tm-2: #b06d3a;--tm-3: #5a3418;--tm-glow: rgba(240, 170, 110, .9)}.profile-avatar-wrap.is-trophy-av--gold{--tm-1: #ffe9a8;--tm-2: #ffc94d;--tm-3: #8a5f12;--tm-glow: rgba(255, 214, 110, .95)}.profile-avatar-wrap.is-trophy-av:before{content:"";position:absolute;inset:-7px;clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:conic-gradient(from var(--trophy-a),transparent 0deg,transparent 220deg,var(--tm-glow) 300deg,transparent 360deg);filter:blur(3px);animation:trophySpin 5s linear infinite}@keyframes trophySpin{to{--trophy-a: 360deg}}.profile-avatar-wrap.is-trophy-av .profile-avatar-hex{background:linear-gradient(160deg,var(--tm-1),var(--tm-2) 45%,var(--tm-3))}.profile-avatar-wrap.is-trophy-av:after{content:"";position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,var(--tm-glow),transparent 65%);opacity:.22;z-index:-1;pointer-events:none}@media(prefers-reduced-motion:reduce){.profile-hero-bleed.is-trophy:after,.trophy-fx:before,.trophy-fx i,.profile-avatar-wrap.is-trophy-av:before{animation:none}.trophy-fx i{display:none}}.profile-hero-bleed.is-trophy{--px: 0;--py: 0}.profile-hero-bleed.is-trophy:before{background:#050506}.trophy-scene{position:absolute;inset:0;overflow:hidden}.ts-layer{position:absolute;inset:-16px -24px;background-size:cover;background-position:62% 72%;background-repeat:no-repeat;transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}.ts-back{background-image:url(/img/referrals/scene/back.webp?v=1);background-position:62% 0;transform:translate3d(calc(7% + var(--px) * -5px),calc(1% + var(--py) * -3px),0)}.ts-tank,.ts-fog{inset:auto;background-size:100% 100%}.ts-tank{right:4%;bottom:33%;width:43%;aspect-ratio:890 / 411;background-image:url(/img/referrals/scene/tank-cut.webp?v=1);transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -6px),0)}.ts-fog{left:28%;right:-6%;bottom:24%;height:30%;background-image:url(/img/referrals/scene/fog-strip.webp?v=1);transform:translate3d(calc(var(--px) * -24px),calc(var(--py) * -8px),0);animation:tsFog 14s ease-in-out infinite alternate}@media(max-width:760px){.ts-back{background-position:72% 0;transform:translate3d(0,4%,0)}.ts-tank{right:-10%;bottom:35%;width:84%}.ts-fog{left:0;right:-10%;bottom:28%;height:22%}}@keyframes tsFog{0%{opacity:.7;background-position:0 0}to{opacity:1;background-position:0 0;translate:3% 0}}.ts-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050506db,#0505068c 34%,#05050600 62%),linear-gradient(0deg,#0505068c,#05050600 35%)}.trophy-av-sparks{position:absolute;inset:-18px;z-index:3;pointer-events:none;background:url(/img/referrals/sparks.webp?v=1) 0 0 / 100% 100% repeat-y;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,#000 45%,transparent 72%);mask-image:radial-gradient(circle,#000 45%,transparent 72%);animation:trophySparks 5s linear infinite;opacity:.9}@keyframes trophySparks{to{background-position:0 -100%}}@media(prefers-reduced-motion:reduce){.ts-fog,.trophy-av-sparks{animation:none}.ts-layer{transition:none}}.ref-peek{display:none}@media(min-width:1700px){body.has-ref-peek .ref-strip{display:none}.ref-peek{display:block;position:fixed;z-index:40;top:172px;left:calc(50% + 602px);box-sizing:border-box;width:min(232px,calc(50% - 614px));padding:18px;color:#2a1d00;text-decoration:none;animation:refPeekIn 1.4s 1.2s cubic-bezier(.2,.7,.2,1) both}.ref-peek-t{--stub: 70px;position:relative;display:flex;flex-direction:column;border-radius:12px;background:radial-gradient(120% 70% at 20% 0%,rgba(255,255,255,.55),transparent 55%),repeating-linear-gradient(135deg,rgba(120,80,0,.05) 0 2px,transparent 2px 7px),linear-gradient(160deg,#ffe08a,#ffc94d 45%,#e9a81f);-webkit-mask:radial-gradient(circle 11px at 0 calc(100% - var(--stub)),transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% calc(100% - var(--stub)),transparent 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 calc(100% - var(--stub)),transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% calc(100% - var(--stub)),transparent 98%,#000) right / 51% 100% no-repeat;filter:drop-shadow(0 16px 26px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(255,190,60,.12));transform:rotate(4deg) translate(12px);transform-origin:0 40%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.ref-peek:hover .ref-peek-t{transform:rotate(0) translate(0);filter:drop-shadow(0 20px 30px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(255,190,60,.28))}.ref-peek-main{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;overflow:hidden}.ref-peek-main:after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);transform:translate(-70%);animation:refPeekShine 16s 3s ease-in-out infinite;pointer-events:none}.ref-peek-kicker{font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;opacity:.65}.ref-peek-title{font:700 34px/.92 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#1f1500}.ref-peek-sub{font-size:12.5px;line-height:1.35;font-weight:600;color:#2a1d00c7;max-width:140px}.ref-peek-sub em{font-style:normal;font-weight:800;color:#1f1500}.ref-peek-stamp{position:absolute;right:12px;top:40px;padding:4px 8px;border:2px solid rgba(140,40,10,.55);border-radius:6px;font:700 15px/1 Oswald,sans-serif;letter-spacing:.12em;color:#8c280a99;transform:rotate(-14deg);mix-blend-mode:multiply}.ref-peek-stub{position:relative;height:var(--stub);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:12px 18px;background:#7846001f}.ref-peek-stub:before{content:"";position:absolute;left:14px;right:14px;top:0;border-top:2px dashed rgba(42,29,0,.35)}.ref-peek-goal{display:flex;flex-direction:column;gap:4px}.ref-peek-goal-h{display:flex;justify-content:space-between;align-items:baseline}.ref-peek-goal-h i{font:700 12px/1 Oswald,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#1f1500}.ref-peek-goal-h em{font:600 12px/1 Oswald,sans-serif;font-style:normal;color:#2a1d0099}.ref-peek-bar{height:4px;border-radius:2px;background:#2a1d0029;overflow:hidden}.ref-peek-bar i{display:block;height:100%;border-radius:2px;background:#2a1d00}.ref-peek-note{font-size:11px;line-height:1.2;font-weight:600;color:#2a1d00b8}.ref-peek-cta{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:9px;background:#1f1500;color:#ffd46b;font:700 15px/1 Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff14,0 2px #78460059;transition:background .4s ease,color .4s ease}.ref-peek:hover .ref-peek-cta{background:#2a1d00;color:#fff}.ref-peek-x{position:absolute;top:8px;right:8px;width:22px;height:22px;border:0;border-radius:6px;background:#2a1d001f;color:#2a1d00;font-size:11px;cursor:pointer;opacity:0;transition:opacity .3s ease}.ref-peek:hover .ref-peek-x{opacity:1}}@keyframes refPeekIn{0%{opacity:0;transform:rotate(10deg) translate(70px)}}@keyframes refPeekShine{0%,82%{transform:translate(-70%)}to{transform:translate(70%)}}@media(prefers-reduced-motion:reduce){.ref-peek,.ref-peek-t,.ref-peek-main:after{animation:none;transition:none}}.ref-strip-text{transition:opacity .4s ease,transform .4s ease}.ref-strip-text.is-out{opacity:0;transform:translateY(-4px)}
