/* Заглушка в той же палитре, что и сайт: человек, попавший сюда рано,
   должен узнать это место, когда вернётся. Отдельным файлом, а не в
   разметке, потому что строгая политика безопасности запрещает стили
   внутри страницы. */
:root {
  --bg: #0a0805;
  --text: #f1d9ad;
  --muted: #a98a60;
  --line: rgba(235, 193, 126, 0.24);
}
* { box-sizing: border-box }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  background: var(--bg); color: var(--text); padding: 24px; text-align: center;
  font-family: Georgia, "Times New Roman", serif;
}
main { max-width: 520px }
.mark {
  width: 62px; height: 62px; margin: 0 auto 26px; display: grid; place-items: center;
  border: 1px solid var(--line); color: var(--muted); font-size: 15px; letter-spacing: .1em;
}
h1 { margin: 0; font-size: 42px; font-weight: 400; letter-spacing: .28em }
.sub { margin: 10px 0 0; color: var(--muted); font-size: 12px; letter-spacing: .24em; text-transform: uppercase }
.rule { margin: 34px 0; border-top: 1px solid var(--line); line-height: 0 }
.rule span { position: relative; top: -.5em; padding: 0 14px; background: var(--bg); color: var(--muted); font-size: 13px }
.text { margin: 0; font-size: 16px; line-height: 1.9 }
.soon { margin: 34px 0 0; color: var(--muted); font-size: 11px; letter-spacing: .3em; text-transform: uppercase }
@media (max-width: 480px) { h1 { font-size: 30px } .text { font-size: 15px } }