body {
  background: black;
}


h1.neon-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Arial Black', 'Impact', sans-serif;
  font-size: clamp(2rem, 6vw, 5rem); /* Responsive size */
  color: #ff1a4b;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;

  /* Neon glow effect */
  text-shadow:
    0 0 5px #ff1a4b,
    0 0 10px #ff1a4b,
    0 0 20px #ff1a4b,
    0 0 40px #9e1b32,
    0 0 80px #7c0a02;

  animation: neonPulse 2s infinite ease-in-out;
  z-index: 10;
}

@keyframes neonPulse {
  0%, 100% {
    text-shadow:
      0 0 5px #ff1a4b,
      0 0 10px #ff1a4b,
      0 0 20px #ff1a4b,
      0 0 40px #9e1b32,
      0 0 80px #7c0a02;
  }
  50% {
    text-shadow:
      0 0 2px #ff1a4b,
      0 0 5px #ff1a4b,
      0 0 10px #ff1a4b,
      0 0 20px #9e1b32,
      0 0 40px #7c0a02;
  }
}

.title-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: 'Arial Black', 'Impact', sans-serif;
  z-index: 10;
}

/* Top Line */
.title-line.title-main {
  font-size: clamp(2rem, 5vw, 4rem);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow:
    0 0 5px #9e1b32,
    0 0 10px #9e1b32,
    0 0 20px #7c0a02;
  animation: subtlePulse 3s infinite ease-in-out;
}

/* Bottom Line */
.title-line.title-sub {
  font-size: clamp(3rem, 8vw, 6rem);
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow:
    0 0 8px #ff1a4b,
    0 0 16px #9e1b32,
    0 0 32px #7c0a02;
  animation: neonPulse 2.5s infinite ease-in-out;
}

/* Animations */
@keyframes subtlePulse {
  0%, 100% {
    text-shadow:
      0 0 5px #9e1b32,
      0 0 10px #9e1b32,
      0 0 20px #7c0a02;
  }
  50% {
    text-shadow:
      0 0 3px #9e1b32,
      0 0 6px #9e1b32,
      0 0 12px #7c0a02;
  }
}

@keyframes neonPulse {
  0%, 100% {
    text-shadow:
      0 0 8px #ff1a4b,
      0 0 16px #9e1b32,
      0 0 32px #7c0a02;
  }
  50% {
    text-shadow:
      0 0 4px #ff1a4b,
      0 0 10px #9e1b32,
      0 0 20px #7c0a02;
  }
}


body .bg {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  height: 100vh;
  max-height: 600px;
  overflow: hidden;
  position: relative;
}
body .bg .aur_cont {
  margin: 35px auto 0;
  display: table;
  height: auto;
}
body .bg .aur_cont .aur {
  transform: skew(-0.06turn, 18deg);
  display: block;
  width: 0;
  min-height: 122px;
  float: left;
  margin-left: 100px;
  border-radius: 5% 52% 30px 20px;
  opacity: 1;
}
body .bg .aur_cont .aur.aur_1 {
  box-shadow: #9e1b32 0px 0px 100px 40px;
  margin-top: 2px;
  animation: topup 7031ms infinite linear;
}
body .bg .aur_cont .aur.aur_2 {
  box-shadow: #7c0a02 0px 0px 100px 40px;
  margin-top: 27px;
  animation: topup 10359ms infinite linear;
}
body .bg .aur_cont .aur.aur_3 {
  box-shadow: #990000 0px 0px 100px 40px;
  margin-top: 27px;
  animation: topup 5515ms infinite linear;
}
body .bg .aur_cont .aur.aur_4 {
  box-shadow: #dc143c 0px 0px 100px 40px;
  margin-top: -30px;
  animation: topup 11580ms infinite linear;
}
body .bg .aur_cont .aur.aur_5 {
  box-shadow: #8b0000 0px 0px 100px 40px;
  margin-top: 0px;
  animation: topup 6773ms infinite linear;
}
body .bg .aur_cont .aur.aur_6 {
  box-shadow: #a52a2a 0px 0px 100px 40px;
  margin-top: 45px;
  animation: topup 8622ms infinite linear;
}
body .bg .aur_cont .aur.aur_7 {
  box-shadow: #b22222 0px 0px 100px 40px;
  margin-top: 0px;
  animation: topup 11510ms infinite linear;
}
body .bg .aur_cont .aur.aur_8 {
  box-shadow: #ff2400 0px 0px 100px 40px;
  margin-top: 5px;
  animation: topup 10258ms infinite linear;
}
body .bg .aur_cont .aur.aur_9 {
  box-shadow: #c41e3a 0px 0px 100px 40px;
  margin-top: 9px;
  animation: topup 12160ms infinite linear;
}
body .bg .aur_cont .aur.aur_10 {
  box-shadow: #e60026 0px 0px 100px 40px;
  margin-top: -27px;
  animation: topup 12931ms infinite linear;
}
@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}
@keyframes topup {
  0%, 100% {
    transform: translatey(0px);
    opacity: 0;
  }
  50% {
    transform: translatey(150px);
    opacity: 0.1;
  }
  25%, 75% {
    opacity: 1;
  }
}
@keyframes northern {
  0% {
    transform: translate(5%, -2%);
  }
  25% {
    transform: translate(10%, 7%);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: translate(7%, -2%);
  }
  85% {
    transform: translate(6%, 3%) rotate(12deg);
  }
  100% {
    transform: none;
  }
}

/* Centering the wrapper and stacking items */
.title-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: 'Arial Black', 'Impact', sans-serif;
  z-index: 10;
}

/* Top Line */
.title-line.title-main {
  font-size: clamp(2rem, 5vw, 4rem);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow:
    0 0 5px #9e1b32,
    0 0 10px #9e1b32,
    0 0 20px #7c0a02;
  animation: subtlePulse 3s infinite ease-in-out;
}

/* Bottom Line */
.title-line.title-sub {
  font-size: clamp(3rem, 8vw, 6rem);
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow:
    0 0 8px #ff1a4b,
    0 0 16px #9e1b32,
    0 0 32px #7c0a02;
  animation: neonPulse 2.5s infinite ease-in-out;
  margin-top: 0.5rem;
}

/* 3D Button */
.enter-button {
  display: inline-block;
  margin-top: 2rem;
  padding: 1rem 3rem;
  font-size: 1.5rem;
  font-family: 'Arial Black', sans-serif;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  background: linear-gradient(145deg, #7c0a02, #9e1b32);
  border: none;
  border-radius: 12px;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.4),
    0 0 20px #ff1a4b,
    0 0 40px #7c0a02 inset;
  transition: all 0.3s ease-in-out;
}

.enter-button:hover {
  background: linear-gradient(145deg, #ff1a4b, #c41e3a);
  box-shadow:
    0 6px 12px rgba(0, 0, 0, 0.6),
    0 0 25px #ff4d6d,
    0 0 60px #ff4d6d inset;
  transform: scale(1.05);
  color: #fff;
}

/* Animations */
@keyframes subtlePulse {
  0%, 100% {
    text-shadow:
      0 0 5px #9e1b32,
      0 0 10px #9e1b32,
      0 0 20px #7c0a02;
  }
  50% {
    text-shadow:
      0 0 3px #9e1b32,
      0 0 6px #9e1b32,
      0 0 12px #7c0a02;
  }
}

@keyframes neonPulse {
  0%, 100% {
    text-shadow:
      0 0 8px #ff1a4b,
      0 0 16px #9e1b32,
      0 0 32px #7c0a02;
  }
  50% {
    text-shadow:
      0 0 4px #ff1a4b,
      0 0 10px #9e1b32,
      0 0 20px #7c0a02;
  }
}


.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.85);
  padding: 1rem 0;
  text-align: center;
  z-index: 1000;
  border-top: 2px solid #ff1a4b;
  box-shadow: 0 -2px 15px #7c0a02;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  font-family: 'Arial Black', sans-serif;
}

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  transition: all 0.3s ease;
  text-shadow:
    0 0 3px #ff1a4b,
    0 0 6px #9e1b32,
    0 0 12px #7c0a02;
}

.footer-links a i {
  margin-right: 6px;
}

.footer-links a:hover {
  color: #ff4d6d;
  text-shadow:
    0 0 5px #ff4d6d,
    0 0 10px #c41e3a,
    0 0 20px #ff1a4b;
  transform: scale(1.05);
}

/* --- Paparazzi Flash Snapshots (Updated) --- */
.paparazzi-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
}

.paparazzi {
  position: absolute;
  width: 25vw; /* responsive to screen size */
  max-width: 400px;
  opacity: 0;
  filter: brightness(0.8) contrast(1.1) saturate(1.2) blur(0.5px);
  border-radius: 8px;
  box-shadow:
    0 0 15px rgba(255, 26, 75, 0.3),
    0 0 30px rgba(158, 27, 50, 0.2);
  animation: paparazziFlash 20s infinite ease-in-out;
  object-fit: cover;
}

/* Flash timings and positions */
.flash1 { top: 5%; left: 8%; animation-delay: 1s; }
.flash2 { top: 12%; right: 10%; animation-delay: 3s; }
.flash3 { bottom: 10%; left: 15%; animation-delay: 5s; }
.flash4 { top: 40%; right: 15%; animation-delay: 7s; }
.flash5 { bottom: 20%; left: 30%; animation-delay: 9s; }
.flash6 { top: 60%; right: 5%; animation-delay: 11s; }
.flash7 { bottom: 30%; right: 20%; animation-delay: 13s; }
.flash8 { top: 25%; left: 35%; animation-delay: 15s; }
.flash9 { bottom: 5%; left: 50%; animation-delay: 17s; }
.flash10 { top: 15%; right: 35%; animation-delay: 19s; }
.flash11 { bottom: 25%; left: 5%; animation-delay: 21s; }

@keyframes paparazziFlash {
  0%, 90%, 100% {
    opacity: 0;
    transform: scale(1);
  }
  5% {
    opacity: 0.6;
    transform: scale(1.05);
  }
  10% {
    opacity: 0;
    transform: scale(1.1);
  }
}
.paparazzi {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}