:root {
  --page-max-w: 1100px;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body { background:#000; color:#fff; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
}

.stage {
  position: relative;
  width: 100%;
  max-width: var(--page-max-w);
  margin: 0 auto;
}

picture img#bg {
  width: 100%;
  height: auto;
  display: block;
}

.absolute-center {
  position: absolute;
  left: 0; right: 0;
  text-align: center;
}

.redirect-btn {
  position: absolute;
  left: 0; right: 0;
  bottom: 18%;
  text-align: center;

  /* geser turun 2 cm */
  transform: translateY(2cm);
}

.footer { bottom: 2%; }

.redirect-btn a {
  display: inline-block;
  text-decoration: none;

  /* pilih salah satu: blink atau pulse */
  /* animation: blink 1s steps(2, start) infinite; */
  animation: pulse 1.2s ease-in-out infinite;
}

/* === animasi kedap-kedip === */
@keyframes blink {
  50% { opacity: 0.3; }
}

/* === animasi berdenyut === */
@keyframes pulse {
  0%   { transform: scale(1);   opacity: 1; }
  50%  { transform: scale(1.08); opacity: 0.6; }
  100% { transform: scale(1);   opacity: 1; }
}

img.resp {
  max-width: 90%;
  height: auto;
}

@media (max-width: 480px) {
  .redirect-btn { bottom: 20%; transform: translateY(2cm); }
  img.resp { max-width: 82%; }
}