body {
  margin: 0;
  font-family: monospace;
  background: black;
  color: white;
}
a { color: #00ff88; text-decoration: none; }
.container { padding: 2rem; max-width: 960px; margin: auto; }
header { display: flex; justify-content: space-between; align-items: center; }
nav a { margin-left: 1rem; }
.hero { text-align: center; margin: 4rem 0; }
.btn { display: inline-block; padding: 0.75rem 1.5rem; background: #00ff88; color: black; border-radius: 1rem; }
.services, .about, .contact { margin: 4rem 0; }
.service { background: #111; padding: 1rem; margin: 1rem 0; border-radius: 1rem; }
form { display: grid; gap: 1rem; margin-top: 1rem; }
input, textarea { width: 100%; padding: 0.75rem; background: #222; color: white; border: 1px solid #444; border-radius: 0.5rem; }
button { background: #00ff88; color: black; padding: 0.75rem; border: none; border-radius: 1rem; cursor: pointer; }
footer { text-align: center; margin-top: 4rem; color: #666; }
.glitch {
  position: relative;
  color: #00ff88;
}
.glitch::before, .glitch::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0.8;
}
.glitch::before { top: -2px; color: #f0f; z-index: -1; }
.glitch::after { top: 2px; color: #0ff; z-index: -1; }