:root{
  --bg:#000;
  --green:#33ff33;
  --muted:#6f9b6f;
}
html,body{
  background:var(--bg);
  color:var(--green);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  margin:0;
  padding:1.75rem;
}
.hero-title{
  font-size:2rem;
  color:var(--green);
  text-shadow:0 0 8px rgba(51,255,51,.5);
  font-weight:800;
}
#terminal{
  white-space: pre-wrap; /* preserve newlines */
  font-size:1.05rem;
  margin-top:.6rem;
  line-height:1.35;
}
.inner, main, article, section{
  background:transparent;
  border-radius:8px;
  padding: .8rem;
}
.badges{ display:flex; flex-wrap:wrap; gap:.5rem; margin:.6rem 0; }
.badge{
  border:1px solid rgba(51,255,51,.25);
  color:var(--green);
  padding:.25rem .6rem;
  border-radius:6px;
  background: rgba(51,255,51,0.02);
}
.muted{ color:var(--muted); }

.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.badge {
  background-color: #00ff00; 
  color: black;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 1.2rem;  
  transform: scale(1.1); 
  box-shadow: 0 0 10px #00ff00;
}