:root {
  color-scheme: dark;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  background: #0c0c0c;
  color: #f4f4f4;
}
body { margin: 0; }
main { width: min(25rem, calc(100% - 3rem)); margin: 14vh auto 3rem; }
.brand { color: #b3b3b3; font-size: .85rem; }
h1 { font-size: clamp(1.8rem, 7vw, 2.5rem); letter-spacing: -.04em; }
label, nav { display: block; margin-block: 1rem; }
input, button, nav a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-top: .5rem;
  padding: .8rem 1rem;
  border: 1px solid #363636;
  border-radius: .65rem;
  background: #151515;
  color: inherit;
  font: inherit;
}
button { cursor: pointer; }
form button { background: #a570ed; color: #100919; font-weight: 650; }
button:disabled { opacity: .6; cursor: wait; }
:focus-visible { outline: 2px solid #bc91fa; outline-offset: 3px; }
#status { color: #d2b5ff; }