/* ---------- Reset & Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin:0; padding:0; height:auto; min-height:100vh; overflow-y:auto; font-family:'Poppins',sans-serif; scroll-behavior:smooth; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }

/* ---------- Layout ---------- */
.hero { background:#1a0033; color:#fff; padding:2rem 1rem; text-align:center; }
.nav { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; max-width:1200px; margin:auto; }
.logo { display:flex; align-items:center; gap:.5rem; font-weight:700; font-size:1.5rem; }
.nav-links { list-style:none; display:flex; gap:1.5rem; margin:0; padding:0; }
.nav-links a { color:#ffd700; font-weight:600; }
.nav-links .cta { background:#ffd700; color:#1a0033; padding:.4rem .8rem; border-radius:4px; }
.hero-content { max-width:800px; margin:2rem auto 0; }
.hero-content h1 { font-size:2.2rem; margin-bottom:.5rem; }
.hero-content p { margin-bottom:1.5rem; }
.btn { display:inline-block; background:#ffd700; color:#1a0033; padding:.7rem 1.5rem; border-radius:6px; font-weight:600; }

.section { max-width:1000px; margin:3rem auto; padding:0 1rem; }
.section h2 { color:#ffd700; border-bottom:2px solid #ffd700; padding-bottom:.3rem; display:inline-block; }
.tokenomics-list { list-style:none; padding:0; }
.tokenomics-list li { margin:.6rem 0; position:relative; padding-left:1.8rem; }
.tokenomics-list li::before { content:"💎"; position:absolute; left:0; }

.contract-section { text-align:center; padding:2rem 1rem; background:#110022; color:#fff; }
.pumpfun a { display:inline-block; margin-top:1rem; text-align:center; }
.pumpfun img { height:40px; margin:0 auto; }
.pumpfun span { display:block; margin-top:.4rem; color:#ffd700; font-weight:600; }

.community { background:#0f001a; color:#fff; text-align:center; padding:3rem 1rem; }
.social-links { margin-top:1.5rem; display:flex; gap:1.5rem; justify-content:center; }
.social-links a { font-size:1.2rem; color:#ffd700; padding:.5rem 1rem; border:1px solid #ffd700; border-radius:4px; }

.footer { text-align:center; padding:1.5rem; background:#000; color:#aaa; font-size:.9rem; }

/* ---------- Mobile ---------- */
@media (max-width:768px){
  .nav { flex-direction:column; gap:1rem; }
  .hero-content h1 { font-size:1.8rem; }
  .nav-links { flex-wrap:wrap; justify-content:center; }
  .social-links { flex-direction:column; }
}