:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  background: #10131b; color: #eef1f7;
}
main {
  width: min(420px, calc(100vw - 72px)); padding: 28px;
  border: 1px solid #303748; border-radius: 16px; background: #191e29;
}
h1 { font-size: 24px; margin-top: 0; }
.muted, small { color: #abb4c7; }
label { display: block; margin: 20px 0 8px; }
input {
  box-sizing: border-box; width: 100%; padding: 12px;
  background: #10131b; border: 1px solid #46516a;
  border-radius: 8px; color: white; font-size: 16px;
}
small { display: block; margin-top: 8px; line-height: 1.5; }
button {
  width: 100%; padding: 12px; margin-top: 24px; border: 0;
  border-radius: 8px; background: #6954dd; color: white;
  font-size: 16px; cursor: pointer;
}
button:disabled { opacity: .55; cursor: not-allowed; }
#message { line-height: 1.5; overflow-wrap: anywhere; }