/* Pump Index — degen / pump.fun re-skin. chunky, loud, hard shadows, ticker tape. */
:root{
  --bg:#070b09;
  --bg-2:#0a0f0c;
  --panel:#0d130f;
  --panel-2:#111a14;
  --line:#243029;
  --line-2:#37f07a33;
  --green:#34e37a;
  --green-hi:#79ff9e;
  --green-d:#17b757;
  --acid:#c9ff4d;
  --ink:#04150b;        /* dark text that sits on green */
  --red:#ff5d6c;
  --gold:#ffcb2e;
  --text:#e9ffef;
  --muted:#7f9a89;
  --muted-2:#5c7365;
  --hd:"Archivo Black",system-ui,sans-serif;      /* heavy poster display */
  --sh:"Space Grotesk",system-ui,sans-serif;      /* subheads / ui */
  --mono:"JetBrains Mono","SF Mono",ui-monospace,Menlo,monospace;
  --bd:"Space Grotesk",system-ui,-apple-system,sans-serif;
  --r:14px;
  --r-lg:18px;
  --brd:2px solid #0c1a12;
  --brd-g:2px solid var(--green);
  --pop:5px 5px 0 #000;
  --pop-g:5px 5px 0 var(--green-d);
  --pop-sm:3px 3px 0 #000;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--bd);color:var(--text);font-weight:500;
  -webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;
  background:
    linear-gradient(0deg, rgba(52,227,122,.03) 1px, transparent 1px) 0 0/100% 44px,
    var(--bg);
}
h1,h2,h3,h4,.hd{font-family:var(--hd);font-weight:400;line-height:.98;letter-spacing:-.01em;text-transform:uppercase}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
code,.mono{font-family:var(--mono)}
.green{color:var(--green)}
.up{color:var(--green)} .down{color:var(--red)}
.muted{color:var(--muted)}

.wrap{max-width:1160px;margin:0 auto;padding:0 20px}

/* buttons — chunky, hard shadow, uppercase */
.btn{
  font-family:var(--sh);font-weight:700;font-size:15px;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;
  display:inline-flex;align-items:center;gap:9px;border:2px solid #000;border-radius:12px;padding:13px 22px;
  background:var(--green);color:var(--ink);box-shadow:var(--pop);
  transition:transform .08s ease,box-shadow .08s ease;
}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}
.btn.ghost{background:var(--panel);color:var(--text);border-color:var(--green)}
.btn.ghost:hover{box-shadow:7px 7px 0 var(--green-d)}
.btn.sm{padding:9px 15px;font-size:13px;box-shadow:var(--pop-sm)}
.btn.sm:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}

/* pill / status */
.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;font-weight:700;
  padding:6px 11px;border-radius:8px;background:#000;border:2px solid var(--line);color:var(--green);text-transform:uppercase}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.pill .dot.live{animation:blink 1.1s steps(2,start) infinite}
@keyframes blink{50%{opacity:.15}}

/* sticker — rotated hand-slapped label */
.sticker{display:inline-block;font-family:var(--sh);font-weight:700;text-transform:uppercase;font-size:13px;
  background:var(--acid);color:#111;border:2px solid #000;border-radius:8px;padding:6px 12px;box-shadow:var(--pop-sm);
  transform:rotate(-3deg)}
.sticker.g{background:var(--green)} .sticker.pink{background:#ff7de0}

/* ticker tape */
.ticker{background:#000;border-top:2px solid var(--green);border-bottom:2px solid var(--green);overflow:hidden;
  white-space:nowrap;padding:9px 0}
.ticker .track{display:inline-block;animation:scroll 30s linear infinite;font-family:var(--mono);font-weight:700;font-size:14px}
.ticker.rev .track{animation-direction:reverse}
.ticker span{padding:0 16px}
.ticker b{color:var(--green)} .ticker .r{color:var(--red)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* nav */
nav{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:2px solid var(--green)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--hd);font-size:22px;text-transform:uppercase}
.brand .logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:var(--green);color:var(--ink);font-weight:800;font-size:19px;border:2px solid #000;box-shadow:var(--pop-sm);
  font-family:var(--mono);transform:rotate(-4deg)}
.brand b{color:var(--green)}
.nav-links{display:flex;align-items:center;gap:22px}
.nav-links a:not(.btn){font-family:var(--sh);font-weight:700;font-size:13.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}
.nav-links a:not(.btn):hover{color:var(--green)}
@media(max-width:780px){.nav-links a:not(.btn){display:none}}

/* cards */
.card{background:var(--panel);border:var(--brd);border-radius:var(--r-lg);padding:20px;box-shadow:var(--pop)}
.section{padding:70px 0}
.footer{border-top:2px solid var(--green);padding:32px 0;color:var(--muted);font-size:13px;font-family:var(--mono)}

.tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 7px;border-radius:5px}
.tag.g{background:rgba(52,227,122,.16);color:var(--green)}
.tag.r{background:rgba(255,93,108,.16);color:var(--red)}

::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:var(--green-d);border-radius:0}
::-webkit-scrollbar-track{background:#000}