*{box-sizing:border-box}body{margin:0;background:#252525;color:#fff;font:16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:100dvh;display:grid;place-items:center;padding:24px}main{background:#fff;color:#111;border-radius:4px;padding:clamp(24px,5vw,56px);width:min(100%,560px)}.eyebrow{letter-spacing:.2em}h1{font-size:clamp(30px,5vw,44px);line-height:1.12}form{margin-top:32px}label,input,button{display:block;width:100%;font:inherit}input{padding:12px;border:1px solid #777;border-radius:2px;margin:8px 0 16px}button{padding:14px;background:#111;color:white;border:0;cursor:pointer}button:disabled{opacity:.6}#message{min-height:1.5em;color:#8f1b1b}input:focus-visible,button:focus-visible{outline:3px solid #7473ff;outline-offset:3px}