.pageWrapper {
  position: relative;
  min-height: 100vh;
  background-color: #F7FAF7;
  padding-bottom: 90px;
  overflow-x: hidden;
}

/* ── Full Atmospheric Background Artwork Layer ────────────────────── */
.bgArtLayer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.85;
}

.bgImage {
  object-fit: cover;
  object-position: center top;
}

/* ── Page Content Container ───────────────────────────────────────── */
.pageContainer {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin: 0 auto;
  padding-inline: 24px;
}

/* ── Error Container ──────────────────────────────────────────────── */
.errorContainer {
  background-color: #FFFFFF;
  border: 1px solid #F3D0D0;
  border-radius: 20px;
  padding: 48px 32px;
  text-align: center;
  margin: 24px 0 40px;
  box-shadow: 0 4px 18px rgba(239, 68, 68, 0.05);
}

.errorTitle {
  font-size: 20px;
  font-weight: 800;
  color: #DC2626;
  margin: 0 0 8px 0;
}

.errorDesc {
  font-size: 14.5px;
  color: #667085;
  margin: 0;
}

@media (max-width: 640px) {
  .pageWrapper {
    padding-bottom: 60px;
  }

  .pageContainer {
    padding-inline: 16px;
  }
}