.popup {
  position: fixed;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  background-color: red;
  color: white;
  padding: 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  width: 100%;
  max-width: 100%;
  z-index: 9999;
  display: none;
  animation: slideInOut 5s forwards;
}

@keyframes slideInOut {
  0% { top: -60px; opacity: 0; }
  20% { top: 0px; opacity: 1; }
  80% { top: 0px; opacity: 1; }
  100% { top: -60px; opacity: 0; }
}

.popup.show { display: block; }