body {
  background-color: #0d1515;
  color: #dce4e4;
}

.bg-grid,
.grid-overlay,
.grid-bg {
  background-size: 40px 40px;
  background-image: linear-gradient(to right, rgba(0, 242, 255, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 242, 255, 0.05) 1px, transparent 1px);
}

.neon-glow {
  box-shadow: 0 0 15px rgba(0, 242, 255, 0.3);
}

.neon-glow-hover:hover {
  box-shadow: 0 0 25px rgba(0, 242, 255, 0.5);
}

.glass-card {
  background: rgba(46, 54, 55, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(132, 148, 149, 0.2);
}

.glow-effect {
  box-shadow: 0 0 15px rgba(0, 242, 255, 0.3);
}

.glass-panel {
  background: rgba(25, 33, 34, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(132, 148, 149, 0.2);
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}