/* countdown */
.countdown {
  display: flex;
  gap: 1rem;
}
.countdown .cube-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.countdown .cube {
  position: relative;
  width: 75px;
  height: 75px;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.2, 0.9, 0.2, 1);
}
.countdown .face {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  backface-visibility: hidden;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
}
.countdown .front {
  background: linear-gradient(to bottom right, #222, #333);
}
.countdown .back {
  background: linear-gradient(to bottom right, #4b0082, #6a0dad);
  transform: rotateX(180deg);
}
.countdown label {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #ccc;
}