@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/InterTight-Latin.woff2) format("woff2");
}
:root { color-scheme: dark; }
html, body { height: 100%; }
body {
  margin: 0; background: #000; color: #e7edee;
  font: 400 16px/1.6 "Inter Tight", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -.004em; -webkit-font-smoothing: antialiased;
  display: grid; place-items: center; padding: 32px;
}
main { max-width: 34em; }
h1 { margin: 0; font-size: clamp(30px, 7vw, 46px); font-weight: 700; letter-spacing: -.03em; }
.line { margin: 14px 0 0; font-size: clamp(17px, 3.4vw, 20px); color: #a2b1b4; }
.meta { margin: 30px 0 0; font-size: 14px; color: #74878b; }
.meta a { color: #c3cdcf; text-decoration: none; border-bottom: 1px solid #2a3a3f; padding-bottom: 1px; }
.meta a:hover { color: #fff; border-bottom-color: #4a6168; }