LPのメアド登録フォームのデザイン（CSSコード制作）

【概要】メルマガ登録用のLPのメールアドレス登録用の入力ボックスのデザイン修正のため、CSSを作成いただきたいです。 【依頼背景】自分でCSSを作成し、希望のデザインはできました（添付画像）が、!importantを使用しないと適用できない問題があります。また、!importantを使えばPCではうまく表示されますが、タブレットやスマホでは表示がうまくできない部分があるため、それらを解決したいです。（レスポンシブ対応したいです。） 【作業内容】 ・現状のCSSコードを見直していただき、PC、タブレット、スマホで正常に表示されるようにする。 　（現状のコードはページ末に記載しております。） ・!importantなどの不具合が起きそうなコードは修正する。 ・CSSコードには解説コメントをつける。/* */などで。 ・登録ボタンの制作は不要です。 ・実際のLPのURLは以下に添付しております。UTAGEで制作しています。 ・UTAGEツールのLP制作ページにはカスタムCSSを入力する欄がありますので、そちらに入力すればできるかと思います（添付画像を参照） 【提案の際のお願い】 以下３点についてご提示ください。高品質でお手頃な料金で制作いただけると助かります。 １．依頼内容への対応可否（問題なく制作できそうかどうか、など） ２．見積もり金額と納品予定日 ３．過去の制作物、アピールポイント、その他伝えたいことがあれば ■現状のCSSコード input[type="email"] { width: 730px !important; height: 100px !important; border-radius: 4px !important; border: 4px solid #0082D6 !important; box-sizing: border-box !important; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3) !important; /* 内側にシャドウを追加 */ display: block !important; /* 入力ボックスをブロック要素として扱う */ margin: 0 auto !important; /* 左右のマージンを自動設定して中央に配置 */ text-align: center !important; /* ボックス内のテキストを中央揃え */ }