*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#fff;color:#111;font:16px/1.4 Arial,sans-serif}main{width:min(92vw,390px);border:2px solid #111;padding:32px}.mark{display:grid;place-items:center;width:48px;height:48px;background:#111;color:#fff;font-weight:800}.eyebrow{margin:28px 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em}h1{margin:0 0 28px;font-size:36px}label{display:block;margin-bottom:8px;font-weight:700}input{width:100%;min-height:52px;border:2px solid #111;border-radius:0;padding:10px 14px;font:700 24px/1 monospace;letter-spacing:.25em}button{width:100%;min-height:48px;margin-top:12px;border:2px solid #111;background:#111;color:#fff;font-weight:800;cursor:pointer}button:hover,button:focus-visible{background:#fff;color:#111}a{display:inline-block;margin-top:24px;color:#111;font-size:13px;font-weight:700}