:root {
  color-scheme: light dark;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #101827;
  color: #eaf1fb;
}

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at top, #243853, #101827 65%);
}

.card {
  width: min(34rem, calc(100% - 3rem));
  padding: 2.5rem;
  border: 1px solid #486079;
  border-radius: 1rem;
  background: rgb(15 26 42 / 86%);
  box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 30%);
}

.eyebrow {
  margin: 0 0 .75rem;
  color: #7dc9ff;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

h1 { margin: 0 0 1rem; font-size: clamp(2rem, 8vw, 3.5rem); line-height: 1; }
p { line-height: 1.65; color: #c7d5e5; }
nav { display: flex; gap: 1rem; margin-top: 2rem; }
a { color: #9bd6ff; text-underline-offset: .25rem; }