.cyber-glow {
  box-shadow: inset 0 0 8px rgba(0, 219, 233, 0.5);
}
.module-bg {
  background-color: rgba(26, 30, 46, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.breathing-pip {
  animation: breathe 2s infinite ease-in-out;
}
@keyframes breathe {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(0, 219, 233, 0.8);
  }
}
.hud-grid-bg {
  background-image: linear-gradient(rgba(30, 150, 220, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 150, 220, 0.04) 1px, transparent 1px);
  background-size: 40px 40px;
  background-attachment: fixed;
}
.glass-module {
  background-color: rgba(26, 30, 46, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(68, 70, 85, 0.6);
}
.btn-primary-solid {
  background-color: #8ecfff;
  color: #022a43;
  box-shadow: inset 0 0 4px #00dbe9;
}
.shadow-glow-tertiary {
  box-shadow: 0 0 15px rgba(0, 219, 233, 0.3);
}
@media (max-width: 1023px) {
  .text-display-xl {
    font-size: 2.5rem !important;
    line-height: 1.15 !important;
  }
}