:root{--bg:#000;--fg:#fff}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:2rem;
}
main.center{max-width:48rem}
h1{
  font-size:clamp(1.5rem,5vw,3.5rem);
  margin:0 0 .5rem;
  letter-spacing:0.02em;
}
.subtitle{
  margin:0;
  opacity:0.9;
  font-size:clamp(.9rem,2.5vw,1.1rem);
}