body.page-wip {
  min-height: 100vh;
  background: linear-gradient(145deg, #f9f7f1, #f3ece1 40%, #eadfc7 100%);
  padding: 0;
}

body[data-theme="white-glass"].page-wip {
  background: linear-gradient(145deg, #f7fbff, #edf4fc 40%, #e2edf9 100%);
}

body[data-theme="dark-glass"].page-wip {
  background: linear-gradient(145deg, #0e151c, #121d29 40%, #112634 100%);
}

body[data-theme="cyan-portal"].page-wip {
  background: linear-gradient(145deg, #071a24, #0b2633 40%, #103949 100%);
}

body[data-theme="onyx-black"].page-wip {
  background: linear-gradient(145deg, #06090d, #0b1017 40%, #101723 100%);
}

body[data-theme="jungle-green"].page-wip {
  background: linear-gradient(145deg, #0a1a13, #0f271c 40%, #173926 100%);
}

body[data-theme="sunset-glow"].page-wip {
  background: linear-gradient(145deg, #fff7ef, #ffeedd 40%, #ffd8c1 100%);
}

.wip-board {
  margin: 160px auto 0;
  width: min(960px, 100%);
  background: rgba(255, 255, 255, 0.83);
  border-radius: 1.5rem;
  padding: 4rem 3rem;
  text-align: center;
  box-shadow: 0 40px 70px rgba(29, 39, 48, 0.2);
  position: relative;
}

.wip-board::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px dashed rgba(45, 39, 35, 0.25);
  border-radius: 1rem;
  pointer-events: none;
}

.wip-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.wip-board h1 {
  letter-spacing: 0.4em;
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin-bottom: 0.5rem;
}

.wip-board p {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body[data-theme="dark-glass"].page-wip .wip-board,
body[data-theme="cyan-portal"].page-wip .wip-board,
body[data-theme="onyx-black"].page-wip .wip-board,
body[data-theme="jungle-green"].page-wip .wip-board {
  background: rgba(15, 24, 35, 0.86);
  color: #e8f1fb;
  box-shadow: 0 40px 70px rgba(1, 5, 10, 0.45);
}

body[data-theme="jungle-green"].page-wip .wip-board {
  background: rgba(14, 43, 30, 0.88);
  color: #e8fff2;
}

body[data-theme="sunset-glow"].page-wip .wip-board {
  background: rgba(255, 244, 234, 0.9);
  color: #2d1e18;
}

body[data-theme="dark-glass"].page-wip .wip-board::before,
body[data-theme="cyan-portal"].page-wip .wip-board::before,
body[data-theme="onyx-black"].page-wip .wip-board::before,
body[data-theme="jungle-green"].page-wip .wip-board::before {
  border-color: rgba(167, 196, 227, 0.3);
}

body[data-theme="sunset-glow"].page-wip .wip-board::before {
  border-color: rgba(182, 98, 58, 0.3);
}