body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 20px;
  min-height: 100vh;
  background: radial-gradient(ellipse at bottom, #0c0c23 0%, #1b1b3d 100%);
  color: #fff;
  overflow-x: hidden;
  position: relative;
}

/* Bintang bergerak */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: transparent url('https://files.catbox.moe/8ehu9n.jpg') repeat;
  animation: starsMove 60s linear infinite;
  z-index: 0;
  opacity: 0.6;
}

@keyframes starsMove {
  0% { background-position: 0 0; }
  100% { background-position: -10000px 5000px; }
}

/* Judul glowing */
h1 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2.2em;
  color: #a29bfe;
  position: relative;
  z-index: 1;
  text-shadow:
    0 0 5px #a29bfe,
    0 0 10px #8c7ae6,
    0 0 20px #8c7ae6,
    0 0 30px #6c5ce7;
}

/* Kontainer tabel */
.table-container {
  max-width: 900px;
  margin: auto;
  overflow-x: auto;
  position: relative;
  z-index: 1;
}

/* Tabel hologram */
table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(25, 25, 50, 0.4);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(140, 122, 230, 0.7), 0 0 40px rgba(140, 122, 230, 0.4) inset;
  backdrop-filter: blur(5px);
}

th, td {
  padding: 14px 18px;
  text-align: left;
  font-weight: 500;
}

/* Header glowing */
th {
  background: rgba(140, 122, 230, 0.3);
  color: #dcd6f7;
  text-shadow:
    0 0 5px #dcd6f7,
    0 0 10px #a29bfe;
  letter-spacing: 0.5px;
}

/* Baris genap */
tr:nth-child(even) td {
  background: rgba(35, 35, 65, 0.5);
}

/* Hover efek hologram */
tr:hover td {
  background: rgba(140, 122, 230, 0.2);
  color: #fff;
  text-shadow: 0 0 5px #fff, 0 0 10px #a29bfe, 0 0 15px #6c5ce7;
  box-shadow: 0 0 15px #8c7ae6;
  transition: 0.3s;
}

/* Kode guru glowing */
.kode {
  font-weight: bold;
  color: #74b9ff;
  text-shadow: 0 0 3px #74b9ff, 0 0 6px #6c5ce7;
}

/* Tombol kembali */
a {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 25px;
  background: rgba(140, 122, 230, 0.7);
  color: #fff;
  border-radius: 25px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 0 10px #a29bfe, 0 0 20px #6c5ce7 inset;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}

a:hover {
  background: rgba(140, 122, 230, 0.9);
  color: #fff;
  box-shadow: 0 0 20px #a29bfe, 0 0 30px #6c5ce7 inset;
}