/* Background blob animation — dipakai di semua halaman publik/peserta
   sesuai sistem animasi global (05-halaman-lain-dan-sistem-animasi.md).
   Aturan: maksimal 2 blob per halaman, fixed position, tidak interaktif. */

@keyframes floatSlow {
  0%, 100% { transform: translateY(0) translateX(0); }
  50%       { transform: translateY(-14px) translateX(6px); }
}

.bg-blob {
  position: fixed;
  border-radius: 50%;
  filter: blur(55px);
  pointer-events: none;
  z-index: 0;
  animation: floatSlow 9s ease-in-out infinite;
}

.bg-blob-amber {
  top: 8%; right: 6%;
  width: 200px; height: 200px;
  background: rgba(251, 191, 36, .13);
}

.bg-blob-blue {
  bottom: 6%; left: 6%;
  width: 220px; height: 220px;
  background: rgba(14, 165, 233, .10);
  animation-duration: 11s;
  animation-direction: reverse;
}

/* konten di atas blob */
.bg-blob-content { position: relative; z-index: 1; }