/* === BASICS === */
body {
  background-color: #000;
  color: #0f0;
  font-family: 'Courier New', Courier, monospace;
  text-shadow: 0 0 5px #0f0;
}

h1 {
  color: #0f0;
  text-align: center;
  font-size: 2.5rem;
  text-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
  animation: glow 2s infinite;
  margin-bottom: 2rem;
}

@keyframes glow {
  0%, 100% {
    text-shadow: 0 0 5px #0f0, 0 0 10px #0f0;
  }
  50% {
    text-shadow: 0 0 10px #7fff00, 0 0 20px #7fff00;
  }
}

p, label {
  text-align: center;
  color: #0f0;
  text-shadow: 0 0 3px #0f0;
}

/* === FORM ELEMENTS === */
input.form-control,
select.form-select,
textarea.form-control {
  background-color: #000;
  color: #0f0;
  border: 1px solid #0f0;
  font-family: 'Courier New', Courier, monospace;
}

input.form-control:focus,
select.form-select:focus,
textarea.form-control:focus {
  background-color: #002200;
  box-shadow: 0 0 10px #0f0;
  border-color: #0f0;
  outline: none;
}

/* === BUTTONS === */
button.btn-primary,
button.btn-success,
a.btn-primary,
a.btn-secondary {
  background-color: #001100;
  border: 1px solid #0f0;
  color: #0f0;
  box-shadow: 0 0 5px #0f0;
  transition: all 0.3s ease;
  font-weight: bold;
  text-shadow: none;
}

button.btn-primary:hover,
button.btn-success:hover,
a.btn-primary:hover,
a.btn-secondary:hover {
  background-color: #0f0;
  color: #000;
  box-shadow: 0 0 15px #0f0, 0 0 30px #7fff00;
  text-decoration: none;
}

/* === ALERTS === */
.alert-danger {
  background-color: #220000;
  border-color: #550000;
  color: #ff5555;
}

.alert-success {
  background-color: #002200;
  border-color: #007f00;
  color: #00ff00;
}

/* === TABLES === */
table.table {
  background-color: #000;
  color: #0f0;
  border: 1px solid #0f0;
  font-family: 'Courier New', Courier, monospace;
}

table.table thead th {
  background-color: #001100;
  border: 1px solid #0f0;
  text-align: center;
}

table.table tbody td {
  background-color: #000;
  border: 1px solid #0f0;
  text-align: center;
}

table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #001100;
}
table.table-striped tbody tr:nth-of-type(even) {
  background-color: #000;
}
table.table tbody tr:hover {
  background-color: #003300;
  box-shadow: inset 0 0 10px #0f0;
}

/* === UTILITIES === */
.glow-text {
  text-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
}
.panel {
  background-color: #000;
  border: 1px solid #0f0;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 0 10px #0f0;
}
.glitch-btn {
  animation: glitch 1s infinite;
}
@keyframes glitch {
  0% { text-shadow: 2px 0 red, -2px 0 blue; }
  50% { text-shadow: -2px 0 red, 2px 0 blue; }
  100% { text-shadow: 2px 0 red, -2px 0 blue; }
}