:root {
  color-scheme: light;
  font: 1rem/1.55 system-ui, sans-serif;
  color: #000;
  background: #edd1b0;
}
body { min-height: 100dvh; margin: 0; display: grid; place-items: center; }
main {
  box-sizing: border-box;
  width: min(32rem, calc(100% - 2rem));
  padding: clamp(1.25rem, 6vw, 2.5rem);
  margin: 1rem 0;
  background: #fff1e0;
  border: 1px solid #c6a286;
  border-radius: 1.5rem;
  box-shadow: 0 0.3rem 1.4rem #59391926;
}
.brand { font-size: 1.4rem; font-weight: 750; }
h1 { font-size: clamp(1.5rem, 6vw, 2rem); line-height: 1.2; margin: 1rem 0 0.5rem; }
button {
  min-height: 3rem;
  padding: 0.6rem 1rem;
  border: 1px solid #86634d;
  border-radius: 2rem;
  background: #d99f70;
  color: #000;
  font: inherit;
  font-weight: 650;
  box-shadow: 0 0.15rem 0.35rem #59391930;
  cursor: pointer;
}
button:focus-visible { outline: 3px solid #000; outline-offset: 4px; }
button:disabled { opacity: 0.65; cursor: wait; }