:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
}

* { box-sizing: border-box; }
body { min-height: 100dvh; margin: 0; display: grid; place-items: center; padding: 24px; color: #1f2421; background: #f7f7f4; }
main { width: min(100%, 360px); }
.mark { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 22px; border-radius: 8px; color: white; background: #147d64; font-size: 24px; font-weight: 750; }
h1 { margin: 0 0 8px; font-size: 28px; letter-spacing: 0; }
p { margin: 0 0 24px; color: #6e756f; font-size: 14px; line-height: 1.55; }
label { display: block; margin-bottom: 8px; color: #6e756f; font-size: 13px; font-weight: 650; }
input { width: 100%; height: 48px; padding: 0 13px; border: 1px solid #dedfda; border-radius: 7px; color: #1f2421; background: white; font: inherit; font-size: 17px; letter-spacing: 0; }
input:focus { border-color: #147d64; box-shadow: 0 0 0 3px rgba(20, 125, 100, .1); outline: none; }
button { width: 100%; height: 48px; margin-top: 12px; border: 0; border-radius: 7px; color: white; background: #147d64; font: inherit; font-weight: 700; letter-spacing: 0; }
.error { min-height: 21px; margin: 10px 0 -2px; color: #b84b42; font-size: 13px; }