.kd-logo path {
  fill: transparent;
  stroke: #F1EADC;
  stroke-width: 1.5;
}
.center-content {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.mg-card {
  opacity: 0;
  will-change: transform;
}

@keyframes mgSlideUp {
  from { opacity: 0; transform: translateY(36px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0px)  scale(1);    }
}

.mg-card {
  opacity: 0;
}

.mg-card:nth-child(1) { animation: mgSlideUp .7s 1.10s cubic-bezier(.22,1,.36,1) forwards; }
.mg-card:nth-child(2) { animation: mgSlideUp .7s 1.25s cubic-bezier(.22,1,.36,1) forwards; }
.mg-card:nth-child(3) { animation: mgSlideUp .7s 1.40s cubic-bezier(.22,1,.36,1) forwards; }
.mg-card:nth-child(4) { animation: mgSlideUp .7s 1.55s cubic-bezier(.22,1,.36,1) forwards; }