.referral-event{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.referral-intro{max-width:720px}.referral-state{display:inline-block;margin:12px 0 20px;padding:5px 9px;border:1px solid #d5fa6338;background:#d5fa6307;color:var(--lime);font-size:11px}.referral-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.referral-link-label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.referral-link-row{display:flex;gap:8px}.referral-link-row input{min-width:0;flex:1;background:var(--surface);border:1px solid var(--line);padding:11px;color:var(--text);font-size:12px}.referral-link-row .button{white-space:nowrap}.referral-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-top:20px}.referral-metrics>div{padding:14px;min-width:0}.referral-metrics>div+div{border-left:1px solid var(--line)}.referral-metrics span{display:block;color:var(--muted);font-size:10px;min-height:31px}.referral-metrics strong{font:800 28px/1.1 var(--display);letter-spacing:-.05em}.referral-metrics strong small{color:var(--subtle);font-size:13px}.referral-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.referral-stages>div{background:var(--surface);border-top:2px solid #d5fa6355;padding:14px 12px;min-width:0}.referral-stages span,.referral-stages>div>small{display:block;color:var(--muted);font-size:11px}.referral-stages b{display:block;font-size:24px;letter-spacing:-.04em;color:var(--lime);margin:6px 0}.referral-stages b small{font-weight:400;font-size:11px;letter-spacing:0}.referral-total,.referral-limit{margin-top:12px;font-size:12px;color:var(--muted)}.referral-rules{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--subtle);font-size:11px;max-width:850px}.referral-rules p+p{margin-top:5px}#referral-message{font-size:12px;color:var(--lime);margin-top:7px}

.referral-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.referral-reward{border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-width:0}.referral-reward-media{height:320px;position:relative;overflow:hidden;background:#101a2a}.referral-outfit-images{display:flex;height:100%;justify-content:center}.referral-outfit-images img{height:100%;width:50%;object-fit:contain}.referral-mount-image{height:100%;width:100%;object-fit:contain}.referral-reward-badge{position:absolute;left:15px;top:15px;padding:6px 10px;background:#101513eb;border:1px solid #d5fa6345;color:var(--lime);font:700 12px var(--display)}.referral-reward-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.referral-reward h3{font-size:25px;line-height:1.15;letter-spacing:-.04em}.referral-reward p{color:var(--muted);font-size:12px;max-width:420px}.referral-reward .referral-variants{font-size:11px;color:var(--subtle)}.referral-reward-progress{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:12px}.referral-reward progress{width:100%;height:5px;accent-color:var(--lime)}.referral-reward strong{font-size:12px;white-space:nowrap}.referral-reward .button{width:100%;justify-content:center;white-space:normal}.referral-reward .button:disabled,.referral-link-row .button:disabled{cursor:default}
@media(max-width:650px){.referral-event{margin-top:28px;padding-top:22px}.referral-link-row{flex-direction:column}.referral-link-row .button{justify-content:center}.referral-metrics>div{padding:11px 8px}.referral-metrics strong{font-size:24px}.referral-metrics span{min-height:36px}.referral-stages{gap:7px}.referral-stages>div{padding:11px 8px}.referral-stages b{font-size:21px}.referral-stages>div>small{font-size:10px}.referral-rewards{grid-template-columns:minmax(0,1fr)}.referral-reward-media{height:300px}.referral-reward-body{padding:20px}}