/* --- ZA Materialize Master Effekt --- */
.za-materialize {
  position: relative;
  overflow: visible;
  display: inline-block;
  transform: scale(0.95);
  opacity: 0;
  filter: blur(6px) brightness(0.6);
  transition: transform 0.5s ease, filter 0.5s ease, opacity 0.5s ease;
}

/* Aktivierung des Effekts */
.za-materialize.active {
  opacity: 1;
  transform: scale(1);
  filter: blur(0) brightness(1);
  animation: zaPulse 1.2s ease-out forwards;
}

/* --- Glow-Pulse Keyframe --- */
@keyframes zaPulse {
  0% {
    filter: brightness(0.6) blur(6px);
    transform: scale(0.92);
  }
  40% {
    filter: brightness(1.6) blur(1px);
    transform: scale(1.05);
  }
  100% {
    filter: brightness(1);
    transform: scale(1);
  }
}

/* --- Plasma Partikel Container --- */
.za-materialize .za-particles {
  position: absolute;
  inset: 0;
  overflow: visible;
  z-index: 2;
  pointer-events: none;
}

.za-materialize .za-particle {
  position: absolute;
  width: 6px;
  height: 6px;
  background: radial-gradient(circle, var(--accent2) 0%, var(--accent) 80%, transparent 100%);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.3);
  animation: zaParticleFly 1.4s ease-out forwards;
  filter: drop-shadow(0 0 6px var(--accent2));
}

@keyframes zaParticleFly {
  0% { opacity: 0; transform: scale(0.3) translateY(0); }
  10% { opacity: 1; }
  50% { opacity: 1; transform: scale(1) translate(var(--tx), var(--ty)); }
  100% { opacity: 0; transform: scale(0.4) translate(var(--tx2), var(--ty2)); }
}

/* --- Holo-Signatur-Welle --- */
.za-materialize .za-wave {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: radial-gradient(circle, var(--accent2) 0%, var(--accent) 30%, transparent 70%);
  opacity: 0.6;
  pointer-events: none;
  z-index: 1;
  filter: blur(6px) brightness(1.3);
  animation: zaWaveExpand 1.2s ease-out forwards;
}

@keyframes zaWaveExpand {
  0% { transform: translate(-50%, -50%) scale(0.3); opacity: 0.5; }
  40% { transform: translate(-50%, -50%) scale(1.3); opacity: 0.8; filter: blur(4px) brightness(1.6); }
  100% { transform: translate(-50%, -50%) scale(2.8); opacity: 0; filter: blur(12px) brightness(0.8); }
}

.za-materialize .za-particles {
  contain: layout style paint;
}