body {
  background: radial-gradient(circle at center, #0a001f 0%, #000010 100%);
  color: #d6b3ff;
  font-family: 'Courier New', monospace;
  margin: 0;
  padding: 20px;
}

.terminal {
  max-width: 900px;
  margin: auto;
  padding: 30px;
  background: rgba(20, 0, 40, 0.85);
  border: 2px solid #8a2be2;
  box-shadow: 0 0 30px #8a2be2;
  border-radius: 12px;
}

h1, h2 {
  text-transform: uppercase;
  border-bottom: 1px dashed #c77dff;
  padding-bottom: 5px;
  text-shadow: 0 0 10px #8a2be2;
}

nav a {
  color: #c77dff;
  text-decoration: none;
  margin-right: 12px;
  font-weight: bold;
}

nav a:hover {
  color: #ffffff;
  text-shadow: 0 0 5px #c77dff;
}

a {
  color: #c77dff;
  text-decoration: none;
}

a:hover {
  text-shadow: 0 0 5px #c77dff;
}

footer {
  margin-top: 40px;
  text-align: center;
  font-size: 0.9em;
  color: #999;
}

footer img {
  margin-top: 10px;
  height: 32px;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

footer img:hover {
  opacity: 1;
}

.ascii {
  color: #c77dff;
  font-size: 16px;
  margin-bottom: 20px;
  white-space: pre;
  text-align: center;
  animation: flicker 2s infinite;
}

@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}