:root{
  --primary-color: lime;
  --secondary-color: purple;
  --background-color: #000;
  --text-color: #fff;
  --glow-effect: 0 0 5px var(--primary-color), 0 0 10px var(--primary-color), 0 0 15px var(--secondary-color);
}
*{box-sizing:border-box}
html, body{
  margin:0; padding:0;
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  min-height:100%;
}
header{ text-align:center; padding: 1rem; text-shadow: var(--glow-effect); }
main{ flex:1; padding: 1rem; max-width: 900px; margin: 0 auto; }
nav{
  position: sticky; bottom: 0;
  display:flex; gap:.5rem; justify-content:space-around;
  padding:.75rem; background:#111;
  border-top:1px solid var(--primary-color);
  box-shadow: 0 -2px 10px rgba(0,0,0,.4);
}
.tab-link{
  background:none; border:1px solid transparent; color: var(--text-color);
  font-size: 0.95rem; padding:.6rem .9rem; border-radius: 10px;
}
.tab-link.active, .tab-link:hover{
  color: var(--primary-color); text-shadow: var(--glow-effect); border-color: var(--primary-color);
}
.tab-content{ display:none; } .tab-content.active{ display:block; }
@media (min-width: 700px){ nav{ position: static; border-top:none; } }