* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  background-color: #e6f6f4;
  color: black;
  line-height: 1.5;
}

.container {
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 600px;
}

.image-container {
  position: relative;
  width: 350px;
  height: 340px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.maintenance-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.setting-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.setting-small {
  margin-left: 12px;
  margin-top: -50px;
}

.setting-large {
  margin-left: 28px;
  margin-top: -52px;
}

.setting-small svg,
.setting-large svg {
  display: block;
}

.setting-small::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='17.1649' y1='-6.76331' x2='-2.48298' y2='27.5814' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23D4F0EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6.53754e-05 8.73092L0.0165107 9.8458C0.0213343 10.1729 0.294523 10.4127 0.626452 10.3815L1.22972 10.3248C1.31321 10.851 1.45373 11.3534 1.64526 11.8263L1.14957 12.1589C0.864859 12.3499 0.771796 12.7213 0.941792 12.9882L1.52075 13.8971C1.69045 14.1635 2.05819 14.2241 2.34208 14.0327L2.81102 13.7165C3.15408 14.1062 3.54203 14.4538 3.96715 14.753L3.7103 15.2307C3.54976 15.5293 3.65283 15.8801 3.9404 16.0141L4.91911 16.4698C5.20577 16.6033 5.56754 16.4698 5.72728 16.1717L5.97324 15.7128C6.47697 15.8582 7.00595 15.9481 7.55305 15.9769L7.56033 16.4708C7.56511 16.795 7.83335 17.0304 8.15922 16.9968L9.26811 16.8825C9.59283 16.849 9.85201 16.5599 9.84724 16.2367L9.83998 15.7442C10.3808 15.6051 10.9005 15.4094 11.3924 15.1642L11.6475 15.5692C11.8131 15.832 12.1718 15.8911 12.4486 15.7015L13.3908 15.0562C13.6668 14.8671 13.7569 14.5014 13.5921 14.2389L13.3283 13.8187C13.7333 13.441 14.1001 13.0236 14.4214 12.5741L14.8843 12.7945C15.164 12.9276 15.5169 12.7974 15.6727 12.5037L16.2033 11.5037C16.3588 11.2105 16.2588 10.8648 15.9799 10.7311L15.4933 10.4979C15.6642 9.99888 15.785 9.48066 15.8503 8.94996L16.4312 8.89534C16.7501 8.86535 17.0047 8.58147 16.9999 8.26116L16.9838 7.16949C16.9791 6.84921 16.7169 6.61317 16.398 6.64225L15.7828 6.69836C15.6881 6.19571 15.5407 5.71593 15.3463 5.26417L15.8939 4.89505C16.1681 4.71013 16.2575 4.34678 16.0938 4.08322L15.5353 3.18407C15.3713 2.92002 15.0155 2.8554 14.7405 3.0399L14.1642 3.42657C13.8375 3.06737 13.4718 2.74523 13.0732 2.46539L13.4092 1.83845C13.5658 1.54633 13.4652 1.19819 13.1844 1.06075L12.2257 0.591407C11.944 0.453551 11.588 0.578859 11.4307 0.871572L11.0852 1.51404C10.6193 1.37875 10.1312 1.2903 9.62618 1.25449L9.61563 0.538893C9.61086 0.215678 9.34388 -0.024641 9.01904 0.00202039L7.9098 0.0931333C7.58384 0.119917 7.32327 0.404314 7.32807 0.728434L7.33864 1.44607C6.83245 1.5669 6.34361 1.73792 5.8773 1.95268L5.50881 1.36581C5.34074 1.0981 4.97602 1.03186 4.69405 1.21803L3.73145 1.85369C3.44864 2.04042 3.35618 2.40933 3.52505 2.67736L3.88707 3.2519C3.48832 3.60393 3.12367 3.99362 2.79964 4.41456L2.19588 4.12522C1.90715 3.98687 1.54216 4.11534 1.38079 4.41243L0.830189 5.42595C0.668525 5.72358 0.772283 6.07669 1.06182 6.21454L1.63878 6.48913C1.45178 6.98325 1.31396 7.49755 1.23123 8.02556L0.59249 8.08383C0.260611 8.11413 -0.0047826 8.40381 6.53754e-05 8.73092ZM4.12631 9.01942C4.09013 6.56657 6.06601 4.40316 8.52596 4.18845C10.971 3.97506 12.9712 5.76964 13.007 8.19563C13.0428 10.6217 11.1009 12.7818 8.65626 13.022C6.19671 13.2637 4.16251 11.4723 4.12631 9.01942Z' fill='url(%23paint0_linear)'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.setting-large::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='17.1649' y1='-6.76331' x2='-2.48298' y2='27.5814' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23D4F0EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6.53754e-05 8.73092L0.0165107 9.8458C0.0213343 10.1729 0.294523 10.4127 0.626452 10.3815L1.22972 10.3248C1.31321 10.851 1.45373 11.3534 1.64526 11.8263L1.14957 12.1589C0.864859 12.3499 0.771796 12.7213 0.941792 12.9882L1.52075 13.8971C1.69045 14.1635 2.05819 14.2241 2.34208 14.0327L2.81102 13.7165C3.15408 14.1062 3.54203 14.4538 3.96715 14.753L3.7103 15.2307C3.54976 15.5293 3.65283 15.8801 3.9404 16.0141L4.91911 16.4698C5.20577 16.6033 5.56754 16.4698 5.72728 16.1717L5.97324 15.7128C6.47697 15.8582 7.00595 15.9481 7.55305 15.9769L7.56033 16.4708C7.56511 16.795 7.83335 17.0304 8.15922 16.9968L9.26811 16.8825C9.59283 16.849 9.85201 16.5599 9.84724 16.2367L9.83998 15.7442C10.3808 15.6051 10.9005 15.4094 11.3924 15.1642L11.6475 15.5692C11.8131 15.832 12.1718 15.8911 12.4486 15.7015L13.3908 15.0562C13.6668 14.8671 13.7569 14.5014 13.5921 14.2389L13.3283 13.8187C13.7333 13.441 14.1001 13.0236 14.4214 12.5741L14.8843 12.7945C15.164 12.9276 15.5169 12.7974 15.6727 12.5037L16.2033 11.5037C16.3588 11.2105 16.2588 10.8648 15.9799 10.7311L15.4933 10.4979C15.6642 9.99888 15.785 9.48066 15.8503 8.94996L16.4312 8.89534C16.7501 8.86535 17.0047 8.58147 16.9999 8.26116L16.9838 7.16949C16.9791 6.84921 16.7169 6.61317 16.398 6.64225L15.7828 6.69836C15.6881 6.19571 15.5407 5.71593 15.3463 5.26417L15.8939 4.89505C16.1681 4.71013 16.2575 4.34678 16.0938 4.08322L15.5353 3.18407C15.3713 2.92002 15.0155 2.8554 14.7405 3.0399L14.1642 3.42657C13.8375 3.06737 13.4718 2.74523 13.0732 2.46539L13.4092 1.83845C13.5658 1.54633 13.4652 1.19819 13.1844 1.06075L12.2257 0.591407C11.944 0.453551 11.588 0.578859 11.4307 0.871572L11.0852 1.51404C10.6193 1.37875 10.1312 1.2903 9.62618 1.25449L9.61563 0.538893C9.61086 0.215678 9.34388 -0.024641 9.01904 0.00202039L7.9098 0.0931333C7.58384 0.119917 7.32327 0.404314 7.32807 0.728434L7.33864 1.44607C6.83245 1.5669 6.34361 1.73792 5.8773 1.95268L5.50881 1.36581C5.34074 1.0981 4.97602 1.03186 4.69405 1.21803L3.73145 1.85369C3.44864 2.04042 3.35618 2.40933 3.52505 2.67736L3.88707 3.2519C3.48832 3.60393 3.12367 3.99362 2.79964 4.41456L2.19588 4.12522C1.90715 3.98687 1.54216 4.11534 1.38079 4.41243L0.830189 5.42595C0.668525 5.72358 0.772283 6.07669 1.06182 6.21454L1.63878 6.48913C1.45178 6.98325 1.31396 7.49755 1.23123 8.02556L0.59249 8.08383C0.260611 8.11413 -0.0047826 8.40381 6.53754e-05 8.73092ZM4.12631 9.01942C4.09013 6.56657 6.06601 4.40316 8.52596 4.18845C10.971 3.97506 12.9712 5.76964 13.007 8.19563C13.0428 10.6217 11.1009 12.7818 8.65626 13.022C6.19671 13.2637 4.16251 11.4723 4.12631 9.01942Z' fill='url(%23paint0_linear)'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.spinning::before {
  animation: rotateInPlace 3.6s linear infinite;
}

@keyframes rotateInPlace {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.title {
  font-size: 24px;
  font-weight: bold;
}

.description {
  font-size: 14px;
}

.font-bold {
  font-weight: bold;
}

.countdown-box {
  position: relative;
  border-radius: 4px;
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background-color: #ffffff;
  padding: 16px 24px;
}

.countdown-box::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  background: linear-gradient(284.07deg, #4ef3b9 -35.01%, #4fa7f9 78.6%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.countdown-label {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: #1f2937;
}

.timer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: white;
}

.time-unit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #009a84;
  border-radius: 6px;
  box-shadow: -3px 0px 3.56px 0px rgba(255, 255, 255, 0.32) inset,
    3px 0px 3.56px 0px rgba(255, 255, 255, 0.32) inset,
    0px 2px 3px 0px #95e3ff inset,
    0px -3px 5px 0px rgba(32, 255, 192, 0.6) inset;
}

.time-value {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: white;
}

.time-label {
  font-size: 10px;
  line-height: 1;
  color: white;
  margin-top: 1px;
  font-weight: 500;
}

.divider {
  color: #1f2937;
}

@media (max-width: 768px) {
  .image-container {
    width: 280px;
    height: 272px;
  }

  .content-wrapper {
    gap: 16px;
  }

  .title {
    font-size: 20px;
  }
}