:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #061d19;
  color: #f4f7ef;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 280px;
  background:
    radial-gradient(ellipse at 50% 34%, #124f3f70 0, transparent 56%),
    radial-gradient(ellipse at 95% 100%, #70612218 0, transparent 42%),
    #061d19;
}
body::before {
  content: "";
  position: fixed;
  inset: 16px;
  border: 1px solid #b8e7ca12;
  border-radius: 18px;
  pointer-events: none;
}
main {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px 28px 32px;
  text-align: center;
}
.intro { width: 100%; max-width: 880px; margin: auto; padding: 34px 0; }
.status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #b4c8be;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .04em;
}
.status > span {
  flex: 0 0 6px;
  height: 6px;
  border-radius: 50%;
  background: #d6be65;
  box-shadow: 0 0 14px #d6be6550;
}
.logo { display: block; width: min(100%, 560px); height: auto; margin: 42px auto 32px; }
h1 { margin: 0; font-size: clamp(32px, 4.7vw, 52px); line-height: 1.16; font-weight: 500; letter-spacing: -.045em; }
h1 em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; color: #d9c987; letter-spacing: -.035em; }
p { max-width: 580px; margin: 24px auto 0; color: #b4c8be; font-size: 15px; line-height: 1.85; }
.signature { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 38px; }
.signature span { width: 42px; height: 1px; background: #d9c98730; }
.signature i { width: 5px; height: 5px; border: 1px solid #d9c98780; transform: rotate(45deg); }
footer { margin-top: 30px; color: #8fa99c; font-size: 11px; line-height: 1.8; letter-spacing: .02em; }
footer span { color: #b4c8be; }
@media (max-width: 560px) {
  main { padding: 40px 26px 28px; }
  body::before { inset: 10px; border-radius: 12px; }
  .intro { padding: 30px 0; }
  .status { max-width: 265px; font-size: 11px; }
  .logo { margin: 36px auto 30px; }
  p { font-size: 14px; margin-top: 20px; }
  .desktop-break { display: none; }
  footer span { display: block; }
}