docs/stylesheets/extra.css

/* Font Futuristik */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Rajdhani:wght@400;600;700&display=swap');

:root {
  --md-text-font: "Rajdhani", sans-serif;
  --md-code-font: "JetBrains Mono", monospace;
}

/* Judul Besar */
h1 {
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: linear-gradient(to right, #00BCD4, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Kartu dengan Efek Glass (Kaca Gelap) */
.md-typeset .grid.cards > ul > li {
  background: rgba(30, 30, 30, 0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: #00BCD4;
  box-shadow: 0 0 15px rgba(0, 188, 212, 0.3);
  transform: translateY(-5px);
}

/* Tombol Mewah */
.md-button--primary {
  background: linear-gradient(45deg, #000000, #2c3e50) !important;
  border: 1px solid #00BCD4 !important;
  color: #00BCD4 !important;
  font-weight: bold;
}