@keyframes pop {
  0% { transform: scale(0.9); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

.status-box {
  animation: pop 0.3s ease-out;
}
@keyframes rotate {
  0% { transform: rotateY(0deg); }
  50% { transform: rotateY(90deg); opacity: 0.6; }
  100% { transform: rotateY(180deg); opacity: 1; }
}

.rotate {
  animation: rotate 0.6s ease-in-out;
  transform-style: preserve-3d;
}