/* Sign-in screen. The only page with no menu, so it carries its own base styles.
   Widths are border-box: a padding-box card with 90vw + 64px of padding overflowed
   every phone narrower than 360px. */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;
  background:#f4f1eb;font:16px system-ui;padding:18px}
.box{width:min(420px,100%);background:white;padding:clamp(22px,7vw,32px);border-radius:24px}
h1{margin:0 0 4px}
p{margin:0 0 18px;color:#5f5a54}
label{display:block;margin-bottom:6px;font-weight:700}
input{width:100%;padding:13px;margin:0 0 16px;border:1px solid #ddd;border-radius:12px;font:inherit}
button{width:100%;padding:14px;background:#171717;color:#fff;border:0;border-radius:12px;
  font:inherit;font-weight:800;cursor:pointer}
.err{background:#f9e7e3;color:#7d3028;padding:12px;border-radius:12px;margin-bottom:14px}