:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
.maintenance-page {
  display: grid;
  min-height: 100svh;
  place-items: center;
  padding: clamp(24px, 6vw, 72px);
  color: #fff;
  background: #123f60;
}
.maintenance-card { position: relative; width: min(680px, 100%); text-align: center; }
.maintenance-rule { width: 42px; height: 3px; margin: 0 auto 28px; background: #f9b000; }
.maintenance-kicker { margin: 0 0 14px; color: #f9b000; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.maintenance-card h1 { margin: 0; font-size: clamp(36px, 6vw, 72px); line-height: 1.02; letter-spacing: -.035em; }
.maintenance-text { max-width: 560px; margin: 24px auto 0; color: rgba(255,255,255,.76); font-size: clamp(17px, 2vw, 21px); line-height: 1.6; }
.maintenance-contacts { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin-top: 42px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.16); }
.maintenance-contacts p { flex-basis: 100%; margin: 0 0 4px; color: rgba(255,255,255,.52); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.maintenance-contacts a { color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.maintenance-language { position: absolute; top: -34px; right: 0; color: rgba(255,255,255,.7); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-decoration: none; }
.maintenance-admin { position: fixed; right: 12px; bottom: 10px; padding: 5px; color: rgba(255,255,255,.28); font-size: 9px; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.maintenance-language:hover, .maintenance-admin:hover, .maintenance-contacts a:hover { color: #f9b000; }
@media (max-width: 560px) {
  .maintenance-page { align-items: center; padding: 54px 22px; }
  .maintenance-contacts { display: grid; gap: 12px; }
  .maintenance-language { top: -38px; }
}