.hero{background:linear-gradient(160deg,#0d0d1a 0%,#12122a 40%,#0a0a15 100%);padding:48px 20px 40px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(232,50,30,.12),transparent);pointer-events:none}
.hero h1{font-size:clamp(22px,4vw,40px);font-weight:900;letter-spacing:-.5px;margin-bottom:10px;line-height:1.2}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--red2),#ff9966);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:var(--muted);font-size:15px;margin-bottom:28px}
.hero-stats{display:inline-flex;background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.hs{padding:14px 28px;text-align:center;border-right:1px solid var(--border)}
.hs:last-child{border:none}
.hs-v{font-size:22px;font-weight:800;color:var(--red2)}
.hs-l{font-size:11px;color:var(--muted);margin-top:2px;letter-spacing:.5px}
.friend-links{max-width:1280px;margin:0 auto;padding:0 20px 10px}
.friend-links-inner{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.friend-links-title{font-size:14px;color:#d0d0e8;margin-bottom:10px}
.friend-links-list{display:flex;flex-wrap:wrap;gap:10px}
.friend-links-list a{font-size:13px;color:var(--muted);padding:5px 10px;border:1px solid var(--border);border-radius:16px;transition:all .2s}
.friend-links-list a:hover{border-color:var(--red);color:var(--red2)}

@media(max-width:480px){
  .hero{padding:28px 16px 24px}
  .hero-stats{flex-direction:column;width:100%;max-width:260px}
  .hs{border-right:none;border-bottom:1px solid var(--border);padding:10px 20px}
  .hs:last-child{border:none}
  .friend-links{padding:0 12px 10px}
}