:root {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  color: #f6fbff;
  background: #03172d;
}
body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top, #0b3d70, #03172d 54%);
}
main {
  width: min(680px, calc(100% - 32px));
  margin: 0 auto;
  padding: 56px 0;
}
.eyebrow {
  color: #79d58a;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .16em;
}
h1 {
  margin: .25rem 0 .75rem;
  font-size: clamp(2rem, 7vw, 3.5rem);
  line-height: 1;
}
.intro, .notice {
  color: #bdd1e5;
  line-height: 1.55;
}
dl {
  display: grid;
  gap: 12px;
  margin: 32px 0;
}
dl div {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) 2fr;
  gap: 16px;
  border: 1px solid #31587d;
  border-radius: 12px;
  padding: 16px;
  background: #06295ccc;
}
dt { color: #bdd1e5; }
dd { margin: 0; font-weight: 750; }
.success { color: #79d58a; }
.error { color: #ff9b9b; }
.notice {
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid #31587d;
  font-size: .85rem;
}