*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#fff;margin:0;font-family:system-ui,sans-serif;line-height:1.5}header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}main{max-width:32rem;margin:0 auto;padding:1rem}label{font-weight:600;display:block}input,select,button{font:inherit}input{border:1px solid #767676;border-radius:4px;width:100%;padding:.5rem;display:block}input[aria-invalid=true]{border-color:#a4262c}button{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #0000;border-radius:4px;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:default}[role=alert],input+p{color:#a4262c}input+p{margin:.25rem 0 0;font-size:.875rem}