Responsive верстка формы (HTML, CSS)

Необходимо доверстать форму из плагина Mailster до результата как в Figma.

1. Responsive, в 2 колонки (на узких экранах в 1 колонку), чтобы адекватно подстраивалась и Chrome DevTools: iPhone SE / iPad Air / 1200 и больше.

2. Шрифты, цвета, толщина линий из фигма макета. Размер текста можно адаптировать по необходимости, но незначительно.

Figma-макет - ссылка

Код Mailster формы:

<form action="/mailster/subscribe" method="post" class="mailster-form mailster-form-submit extern mailster-form-1" novalidate><input name="_action" type="hidden" value="subscribe">

<input name="_timestamp" type="hidden" value="1703541429">

<input name="_referer" type="hidden" value="extern">

<input name="_nonce" type="hidden" value="b4b387923c">

<input name="formid" type="hidden" value="1">

<div class="mailster-form-fields">

<div class="mailster-wrapper mailster-email-wrapper"><input id="mailster-email-1" name="email" type="email" value="" placeholder="Email" class="input mailster-email mailster-required" aria-required="true" aria-label="Email" spellcheck="false"></div>

<div class="mailster-wrapper mailster-_gdpr-wrapper"><label for="mailster-_gdpr-1"><input type="hidden" name="_gdpr" value="0"><input id="mailster-_gdpr-1" name="_gdpr" type="checkbox" value="1" class="mailster-_gdpr mailster-required" aria-required="true" aria-label="Я погоджуюсь з політикою конфіденційності та умовами."> Я погоджуюсь з політикою конфіденційності та умовами. (<a href="/privacy-policy/" target="_top">Link</a>)</label></div>

<div class="mailster-wrapper mailster-submit-wrapper form-submit"><input name="submit" type="submit" value="Subscribe" class="submit-button button" aria-label="Subscribe"></div>

</div>

</form>

Демо формы тут - https://demo.mailster.co/ => будет создана демка под вас => /alternative-signup-form/ => там первая форма - код формы выше основан на ней.

Сроки 2-3 дня, увы