/* ====== Base ====== */
:root{
  --bg:#0d0d0d; --fg:#f0f0f0; --muted:#c7c7c7;
  --green:#00ff7f; --green-d:#00cc66; --border:#1e1e1e; --card:#121212;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--fg);
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-align:center;
}

/* ====== Layout ====== */
.wrap{max-width:980px;margin:0 auto;padding:20px}
.header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background: linear-gradient(90deg, var(--green), #008f4f);
  padding:16px 20px;border-bottom:1px solid var(--border);
  box-shadow:0 4px 12px rgba(0,0,0,.35);
  border-radius:0 0 10px 10px;
}
.brand{color:#031; font-weight:800; text-decoration:none; font-size:1.25rem}
nav a{color:#031; text-decoration:none; margin-left:14px; font-weight:600; opacity:.9}
nav a:hover{opacity:1; text-decoration:underline}

/* ====== Hero ====== */
.hero .display{font-size:clamp(1.8rem,4.5vw,2.6rem); margin:.2rem 0 0}
.lede{color:var(--muted); max-width:760px; margin:.5rem auto 0; line-height:1.6}
.cta{margin:14px 0 0}

/* Buttons */
.btn{
  display:inline-block; border:none; padding:10px 16px; border-radius:8px;
  text-decoration:none; cursor:pointer; font-weight:600; margin:0 6px;
  background:var(--green); color:#000; transition:transform .1s ease, background .2s ease;
}
.btn:hover{background:var(--green-d); transform:translateY(-1px)}
.btn-primary{box-shadow:0 6px 18px rgba(0,255,127,.28)}

/* ====== Cards / Sections ====== */
.card{background:var(--card); border:1px solid var(--border); border-radius:12px; padding:16px}
.grid3{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin:22px 0}
code{background:#0f1510; border:1px solid #1b2a1e; padding:.15rem .35rem; border-radius:6px}

/* ====== Video (bigger & lower) ====== */
.player{margin:26px auto; max-width:900px}
.video-container{
  position:relative; width:100%; max-width:900px;
  margin:28px auto 8px;   /* space above = lower on page */
}
.video-container iframe{
  width:100%; height:510px;     /* bigger */
  border-radius:12px; border:2px solid var(--green);
  box-shadow:0 0 24px rgba(0,255,127,.22);
}

/* ====== Footer ====== */
.footer{color:#9a9a9a}

/* ====== Background accent ====== */
/* Stop the green glow background from repeating on long pages */
.theme-pepe {
  background-color: #0d0d0d; /* base fill */
  background-image:
    radial-gradient(1200px 600px at 50% -10%, rgba(0,255,127,.14), transparent),
    radial-gradient(800px 400px at 90% 10%, rgba(0,255,127,.08), transparent);
  background-repeat: no-repeat, no-repeat; /* stop repeating */
  background-size: cover; /* stretch to cover entire screen */
  background-position: 50% -10%, 90% 10%; /* place each glow */
  background-attachment: fixed; /* keep fixed on scroll */
}
.pepe-image-container {
  text-align: center;
  margin: 20px 0;
}

.pepe-furnace-img {
  max-width: 300px;
  height: auto;
  border-radius: 10px;
}
.pepe-image-container {
  text-align: center;
  margin: 20px 0;
}

.pepe-furnace-img {
  max-width: 250px; /* Change this to make bigger/smaller */
  height: auto;
  display: inline-block;
}