/* Custom styles for SirenaWiFi Landing Page */

/* Custom smooth scrolling and scrollbar */
html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #020617;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Glassmorphism effects */
.glass-panel {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Enhanced word spacing for headings */
.headline-spaced {
  word-spacing: 0.10em;
  letter-spacing: 0.005em;
}

/* Alarm Active State Animations */
.alarm-active-transmitter {
  border-color: #f43f5e !important;
  box-shadow: 0 0 35px rgba(244, 63, 94, 0.35);
}

.alarm-active-receiver {
  border-color: #f59e0b !important;
  box-shadow: 0 0 35px rgba(245, 158, 11, 0.35);
}

.alarm-pulse-red {
  animation: alarmPulseRed 0.8s infinite alternate ease-in-out;
}

.alarm-pulse-amber {
  animation: alarmPulseAmber 0.8s infinite alternate ease-in-out;
}

@keyframes alarmPulseRed {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.6);
    background-color: rgba(244, 63, 94, 0.2);
  }
  100% {
    transform: scale(1.08);
    box-shadow: 0 0 25px 8px rgba(244, 63, 94, 0.2);
    background-color: rgba(244, 63, 94, 0.4);
  }
}

@keyframes alarmPulseAmber {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.6);
    background-color: rgba(245, 158, 11, 0.2);
  }
  100% {
    transform: scale(1.08);
    box-shadow: 0 0 25px 8px rgba(245, 158, 11, 0.2);
    background-color: rgba(245, 158, 11, 0.4);
  }
}

/* Wi-Fi Pulse Active Effect */
.wifi-active-beam {
  background: linear-gradient(90deg, #f43f5e, #38bdf8, #f59e0b) !important;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.8);
  animation: beamGlow 1s infinite alternate;
}

@keyframes beamGlow {
  0% { opacity: 0.6; }
  100% { opacity: 1; }
}