/* Banner container */
.construction-banner {
  background: url('banner-bg.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60vh;
  color: #7FF6FF; /* aqua-cyan text color */
  text-align: center;
  padding: 0 20px;
}

/* Headline */
.banner-content h1 {
  font-size: 2.5rem;
  margin-bottom: 30px;

  /* Dark outline for readability */
  text-shadow:
    -1px -1px 2px rgba(0,0,0,0.8),
     1px -1px 2px rgba(0,0,0,0.8),
    -1px  1px 2px rgba(0,0,0,0.8),
     1px  1px 2px rgba(0,0,0,0.8);
}

/* Progress wrapper */
.progress-wrapper {
  position: relative;
  width: 60%;
  max-width: 500px;
  margin: 0 auto;
}

/* Progress bar background */
.progress-bar {
  height: 12px;
  background: rgba(255,255,255,0.2);
  border-radius: 6px;
  overflow: hidden;
}

/* Animated progress bar (solid color, no gradient) */
.progress {
  height: 100%;
  width: 0;
  background: #00c8ff; /* solid neon blue */
  animation: loopProgress 2.5s ease-in-out infinite, glowPulse 2.5s ease-in-out infinite;
  border-radius: 6px;
}

/* Looping animation */
@keyframes loopProgress {
  0%   { width