body {
  background: #000;
  color: #00FFF7;
  font-family: 'Inter', 'JetBrains Mono', 'Fira Code', monospace, sans-serif;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* Center nav container */
.nav-center {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyberpunk-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin: 2rem auto 1rem auto;
  width: 100%;
}
main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: 1;
}
.cyberpunk-link {
  color: #FF00CC;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 1.2em;
  text-decoration: none;
  padding: 0.5em 1.2em;
  border: 2px solid #00FFF7;
  border-radius: 8px;
  
  box-shadow: 0 0 12px #FF00CC, 0 0 24px #00FFF744;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
  letter-spacing: 0.05em;
}
.cyberpunk-link:hover {
  background: linear-gradient(90deg, #FF00CC 0%, #00FFF7 100%);
  color: #000;
  box-shadow: 0 0 24px #00FFF7, 0 0 48px #FF00CC44;
  text-shadow: 0 0 8px #00FFF7, 0 0 16px #FF00CC;
}
.crt-green {
  color: #39FF14;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  text-shadow: 0 0 2px #39FF14, 0 0 10px #39FF14;
}
.glitch {
  color: #FF00CC;
  position: relative;
  text-shadow: 1px 0 #00FFF7, -1px 0 #FF00CC;
  animation: glitch 1s infinite linear alternate-reverse;
}
@keyframes glitch {
    0% { text-shadow: 1px 0 #00FFF7, -1px 0 #FF00CC; }
    20% { text-shadow: -1px 0 #00FFF7, 1px 0 #FF00CC; }
    40% { text-shadow: 1px 1px #00FFF7, -1px -1px #FF00CC; }
    60% { text-shadow: -1px -1px #00FFF7, 1px 1px #FF00CC; }
    80% { text-shadow: 0 0 5px #FF00CC, 0 0 5px #00FFF7; }
    100% { text-shadow: 1px 0 #00FFF7, -1px 0 #FF00CC; }
}
.terminal-intro, .terminal-log, .black-ice {
  background: rgba(0,0,0,0.95);
  border: 2px solid #FF00CC;
  padding: 2rem;
  margin: 2rem auto;
  max-width: 700px;
  box-shadow: 0 0 40px #FF00CC44;
  border-radius: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.typewriter {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  color: #00FFF7;
  overflow: hidden;
  border-right: .15em solid #FF00CC;
  white-space: nowrap;
  animation: typing 2s steps(40, end), blink-caret .75s step-end infinite;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #FF00CC; }
}
.rant {
  font-family: 'Inter', sans-serif;
  font-size: 1.2em;
  margin-top: 1em;
}