.referral-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 40px;margin:0 0 22px;background:#164e59;border:4px solid #123f49;border-radius:14px;color:#fff;overflow:hidden;box-shadow:0 6px 0 #d5d9c8}.referral-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.12;margin:10px 0 18px;color:#fff}.referral-hero p{max-width:580px;color:#d7eddf;line-height:1.65}.referral-hero .eyebrow{color:#b8d76b;font-weight:800;letter-spacing:2px}.referral-pill{display:inline-flex;gap:9px;align-items:center;background:#c7e47a;color:#244338;font-weight:800;padding:10px 16px;border-radius:8px}.referral-pill .icon{width:22px;height:22px}.referral-gift{display:grid;place-items:center;min-width:180px;transform:rotate(-8deg);color:#ffcb59}.referral-gift .icon{width:145px;height:145px;stroke-width:1.4;filter:drop-shadow(0 8px 0 #102f3b)}.referral-gift span{margin-top:12px;letter-spacing:4px;font-weight:900;font-size:24px}.referral-columns{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.referral-columns .game-panel{margin:0 0 22px;padding:26px}.referral-progress .panel-title span{font-size:22px;font-weight:800;color:#37706a}.referral-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0}.referral-stamps>span{display:grid;place-items:center;height:50px;border:2px dashed #c5d3bd;border-radius:8px;color:#97a488;font-weight:800;background:#f2f4e8}.referral-stamps>span.complete{background:#b9dc76;border:2px solid #79a345;color:#255144}.referral-stamps .icon{height:26px;width:26px}.referral-stats{display:flex;gap:12px;padding:18px 0;border-top:1px solid #dde4d2;border-bottom:1px solid #dde4d2}.referral-stats>span{flex:1;display:flex;flex-direction:column;font-size:12px;color:#657666;gap:6px}.referral-stats strong{font-size:26px;color:#21525a}.referral-reward{display:flex;flex-direction:column;gap:17px;margin-top:20px}.referral-reward strong,.referral-reward small{display:block}.referral-reward strong{font-size:20px}.referral-reward small{color:#657666;margin-top:7px;line-height:1.5}.referral-share p,.referral-rules p,.referral-rules li{line-height:1.7;color:#5c7064}.referral-share>label{display:block;font-weight:700;font-size:13px;margin-top:24px}.referral-share input{width:100%;min-width:0;padding:13px;border:1px solid #bfcfb8;border-radius:6px;background:#f8faef;color:#285564;margin:9px 0 13px;box-sizing:border-box}.referral-share>div>.button{margin:0 8px 8px 0}.referral-share .panel-note{font-size:12px}.referral-binding,.referral-bind{padding-top:20px;border-top:1px solid #dbe3d0;margin-top:20px}.referral-binding code{display:block;overflow-wrap:anywhere;font-size:12px;margin-top:10px}.referral-bind p{font-size:12px;margin:5px 0 12px}.referral-rules{padding:26px}.referral-rules ol{padding-left:22px}.referral-rules li{padding:4px 0}.referral-notice{margin-bottom:22px}.referral-history>div{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e0e6d5}.referral-history span{display:flex;gap:8px;align-items:center;flex:1}.referral-history .icon{width:22px;height:22px}.referral-history time{font-size:12px;color:#647364}.referral-history strong{font-size:11px;color:#527e38}@media(max-width:760px){.referral-hero{padding:25px 22px;gap:12px}.referral-gift{min-width:80px}.referral-gift .icon{width:80px;height:80px}.referral-gift span{font-size:14px;letter-spacing:2px}.referral-columns{grid-template-columns:1fr}.referral-columns .game-panel{padding:21px}.referral-history>div{flex-wrap:wrap}.referral-hero p{font-size:13px}.referral-pill{font-size:12px;padding:9px}.referral-rules{padding:22px}}