:root.site-inactive { color-scheme: light; }

.maintenance { display: none; }

.site-inactive body > :not(.maintenance):not(script) { display: none !important; }

.site-inactive body {
  margin: 0;
  color: #26352c;
  background: radial-gradient(circle at 10% 5%, rgba(140, 198, 63, .2), transparent 32rem), linear-gradient(145deg, #f7faf5 0%, #fff 56%, #e9f2e7 100%);
}

.site-inactive .maintenance {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
}

.maintenance__card {
  width: min(100%, 760px);
  padding: clamp(32px, 7vw, 72px);
  border: 1px solid rgba(31, 113, 59, .14);
  border-radius: 28px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 24px 70px rgba(11, 61, 36, .13);
  text-align: center;
}

.maintenance__logo { width: min(100%, 434px); height: auto; margin: 0 auto 36px; }
.maintenance__languages { display: flex; justify-content: center; gap: 6px; margin-bottom: 40px; }
.maintenance__languages button {
  min-width: 44px;
  min-height: 40px;
  border: 1px solid #d3e1d1;
  border-radius: 999px;
  color: #0b3d24;
  background: #fff;
  font: 700 .82rem/1 system-ui, sans-serif;
  cursor: pointer;
}
.maintenance__languages button[aria-pressed="true"] { border-color: #1f713b; color: #fff; background: #1f713b; }
.maintenance__languages button:focus-visible { outline: 3px solid rgba(140, 198, 63, .55); outline-offset: 3px; }
.maintenance__label { margin: 0 0 14px; color: #1f713b; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.maintenance h1 { max-width: 630px; margin: 0 auto; color: #0b3d24; font-size: clamp(2rem, 6vw, 3.75rem); line-height: 1.08; letter-spacing: -.035em; }
.maintenance__date { display: inline-block; margin: 30px 0 0; padding-top: 22px; border-top: 3px solid #8cc63f; font-size: clamp(1rem, 2.5vw, 1.25rem); font-weight: 650; }

@media (max-width: 520px) {
  .site-inactive .maintenance { padding: 16px; }
  .maintenance__card { padding: 28px 20px 36px; border-radius: 20px; }
  .maintenance__logo { margin-bottom: 28px; }
  .maintenance__languages { margin-bottom: 32px; }
}