:root {
  color-scheme: dark;
  --display: "Bodoni 72", "Didot", "Baskerville", serif;
  --sans: "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
}

* { box-sizing: border-box; }

body {
  display: grid;
  min-height: 100svh;
  margin: 0;
  place-items: center;
  padding: 2rem;
  background:
    radial-gradient(circle at 80% 20%, rgba(105, 67, 206, .25), transparent 32rem),
    linear-gradient(135deg, #07080c, #11121a);
  color: #f5f2eb;
  font-family: var(--sans);
}

main { width: min(58rem, 100%); }
.back { display: inline-block; margin-bottom: clamp(4rem, 12vh, 9rem); color: #c5b6f5; font-size: .75rem; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.eyebrow { color: #bea4ff; font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
h1 { max-width: 12ch; margin: 1rem 0 1.5rem; font-family: var(--display); font-size: clamp(3rem, 8vw, 7rem); font-weight: 400; letter-spacing: -.045em; line-height: .9; }
.lead { max-width: 43rem; color: #bab7bd; font-size: clamp(1rem, 2vw, 1.25rem); line-height: 1.7; }
.status { display: inline-block; margin-top: 2rem; padding: .75rem 1rem; border: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.68); font-size: .67rem; letter-spacing: .14em; text-transform: uppercase; }