:root{
  --bg: #0b0f12;
  --panel: #071014;
  --green: #7CFC7C;
  --muted-green: #2ecc71;
  --error-red: #ff4c4c;
  --glass: rgba(255,255,255,0.03);
  --glitch-red: rgba(255,50,50,0.06);
  --accent: #7ad0b9;
  --neon: rgba(120,220,255,0.14);
}

/* (mantive as regras de glitch e layout anteriores e adicionei estilos para o botão de compra) */

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
  background: radial-gradient(1200px 600px at 10% 20%, rgba(40,60,80,0.08), transparent),
              linear-gradient(180deg, rgba(10,12,15,1) 0%, rgba(4,6,8,1) 100%);
  color: #d7e6df;
  padding: 36px;
  transition: filter 160ms linear, transform 160ms linear;
}

/* Glitch overlays (cyberpunk) */
.glitch-overlay{
  pointer-events:none;
  position:fixed;
  inset:0;
  mix-blend-mode:screen;
  opacity:0;
  transition: opacity 120ms linear;
  z-index:999;
  background-image:
    linear-gradient(90deg, rgba(255,0,40,0.06) 0 16%, transparent 16% 36%, rgba(0,160,200,0.03) 36% 56%, transparent 56% 76%, rgba(255,255,255,0.02) 76% 100%);
  background-size: 200% 100%;
  filter: blur(0.6px);
}

.glitch-rgb{
  pointer-events:none;
  position:fixed;
  inset:0;
  opacity:0;
  z-index:1000;
  mix-blend-mode:screen;
  background:
    linear-gradient(transparent 0%, rgba(255,255,255,0.02) 1%, transparent 2%) 0 0 / 100% 6px,
    repeating-linear-gradient(90deg,
      rgba(255,0,20,0.03) 0 2px,
      rgba(0,200,255,0.00) 2px 6px);
  backdrop-filter: blur(0.2px);
}

/* neon flicker for title/author during glitch */
.neon-flicker {
  text-shadow:
    0 0 10px rgba(70,200,255,0.25),
    0 0 24px rgba(120,80,255,0.08);
  transition: text-shadow 80ms;
}

#authorName.author-claimed {
  color: #ffd6b3;
  text-shadow: 0 0 14px rgba(255,120,80,0.5), 0 0 28px rgba(80,200,255,0.12);
  letter-spacing: 0.06em;
}

/* Callout and buy-row */
.callout{ margin-top:18px; color:#bfe1c6; background: var(--glass); padding:12px; border-radius:8px; width:fit-content; box-shadow: 0 4px 16px rgba(0,0,0,0.6); }

.callout .buy-row{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:10px;
}

/* translucent button */
.buy-text{
  font-weight:700;
  color:#e6f7ee;
  font-size:14px;
  align-self:center;
}

.buy-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px;
  border-radius:8px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 6px 20px rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
  transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
  min-width:88px;
  min-height:52px;
  overflow:hidden;
  text-decoration:none;
}

/* image inside the button */
.buy-btn img{
  display:block;
  height:48px;
  width:auto;
  border-radius:6px;
  object-fit:cover;
  filter: saturate(1.05) contrast(1.02);
}

/* hover */
.buy-btn:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.6);
  filter: drop-shadow(0 6px 20px rgba(50,150,255,0.08));
}

/* rest of previous styles (condensed) */
.wrap{ max-width:1100px; margin: 0 auto; position:relative; min-height: calc(100vh - 72px); }
.hero{ padding: 24px 36px; background: linear-gradient(180deg, rgba(255,255,255,0.01), transparent); border-radius:12px; box-shadow: 0 6px 30px rgba(0,0,0,0.6);}
.title{ margin:0; font-size: clamp(28px, 4.6vw, 48px); letter-spacing: -0.02em; display:flex; gap:12px; align-items:baseline; color: #E6F8E6;}
.subtitle{ color: #7ad0b9; font-weight:700; font-size:0.9em; }
.tagline{ margin:8px 0 18px 0; color: #9fbfb0; max-width: 70%; }
.top-row{ display:flex; gap:18px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.countdown{ display:flex; gap:14px; margin-bottom:10px; }
.cd-item{ background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:10px 14px; border-radius:8px; min-width:86px; text-align:center; box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); }
.cd-item span{ display:block; font-size: clamp(20px, 4vw, 36px); color: #7CFC7C; font-weight:700; }
.cd-item small{ color:#9fbfb0; font-size:12px; }
.status-panel{ background: linear-gradient(180deg, rgba(0,0,0,0.25), rgba(255,255,255,0.01)); padding:10px; border-radius:10px; display:flex; flex-direction:column; gap:8px; min-width:320px; box-shadow: 0 4px 22px rgba(0,0,0,0.5); }
.status-row{ display:flex; align-items:center; gap:10px; }
.status-title{ width:60px; color:#9fbfb0; font-size:13px; }
.status-bar{ flex:1; height:12px; background: rgba(255,255,255,0.04); border-radius:6px; overflow:hidden; border:1px solid rgba(255,255,255,0.02); }
.status-bar .fill{ height:100%; background: linear-gradient(90deg, #39d98a, #39a1d9); width:0%; transition: width 420ms linear; }
.status-value{ width:48px; text-align:right; color:#bfe1c6; font-size:12px; }
.status-row.small .status-value{ width:auto; font-size:12px; color:#f2c6c6; }
.launch-note{ margin-top:6px; color:#a7cbb9; font-size:14px; }
.terminal{ position:fixed; left:24px; bottom:24px; width:420px; height:300px; background: linear-gradient(180deg, rgba(0,0,0,0.55), rgba(2,6,8,0.7)); border: 1px solid rgba(124,252,124,0.08); padding:12px; border-radius:8px; overflow:auto; color: #7CFC7C; font-size:13px; line-height:1.4; box-shadow: 0 8px 40px rgba(0,0,0,0.6); backdrop-filter: blur(4px); }
.log-line{ display:block; white-space:pre-wrap; opacity:0; transform: translateY(6px); animation: fadein 220ms forwards; margin-bottom:6px; }
.log-time{ color:#7fb89b; margin-right:8px; font-weight:600; font-size:12px; }
.log-text{ color: #cfead8; }
.log-info .log-text{ color: #7CFC7C; }
.log-debug .log-text{ color: #a8f5a8; }
.log-error .log-text{ color: #ff4c4c; font-weight:700; text-shadow: 0 0 6px rgba(255,76,76,0.12); }
.log-personal .log-text{ color: #ffd6b3; font-style:italic; opacity:0.95; }
.cursor{ display:inline-block; width:8px; height:14px; background: #7CFC7C; margin-left:8px; animation: blink 900ms steps(2) infinite; vertical-align: middle; border-radius:2px; }
@keyframes blink{ 50%{ opacity:0 } }
@keyframes fadein{ to{ opacity:1; transform:none; } }
@keyframes overlay-flicker { 0% { opacity: 0.0; background-position: 0% 0%;} 50% { opacity: 0.36; background-position: 50% 0%;} 100% { opacity: 0.0; background-position: 100% 0%;} }
@keyframes rgb-split { 0% { transform: translate3d(0,0,0) } 25% { transform: translate3d(-6px,2px,0) } 50% { transform: translate3d(6px,-2px,0) } 75% { transform: translate3d(-4px,1px,0) } 100% { transform: translate3d(0,0,0) } }
@media (max-width:900px){ .status-panel{ min-width:260px; } .tagline{ max-width:100%; } }
@media (max-width:700px){ .terminal{ width:92%; left:4%; right:4%; } .top-row{ flex-direction:column; gap:12px; } }