/* ===============================
   CORE VISUALS — CINEMATIC
=============================== */

body {
  background: radial-gradient(circle at center, #0a1220, #000);
  overflow: hidden;
}

#bg-layer {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.bg-reveal-strong {
  background: radial-gradient(circle at center, rgba(80,140,255,0.15), transparent 70%);
  transition: background 8s ease;
}

.bg-particle {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(120,170,255,0.4);
  filter: blur(2px);
  animation: float 30s linear infinite;
}

@keyframes float {
  from { transform: translateY(0); }
  to { transform: translateY(-200px); }
}

.dept-panel {
  backdrop-filter: blur(2px);
  transition: backdrop-filter 6s ease, background 6s ease;
}

.panel-reveal {
  backdrop-filter: blur(8px);
  background: rgba(15,25,45,0.4);
}

.dept-active {
  box-shadow: 0 0 40px rgba(120,170,255,0.6);
  transform: scale(1.05);
}

.dept-active-ais {
  box-shadow: 0 0 60px rgba(255,180,80,0.8);
  transform: scale(1.08);
}