body{margin:0;color:#202020;background:#fff;font:17px/1.8 system-ui}header,main,footer{max-width:1050px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:4px solid #222}a{color:#234d8a}h1{font:600 clamp(26px,4vw,40px)/1.4 serif;max-width:22em}form{display:grid;grid-template-columns:1fr 1fr;gap:24px}fieldset{border:1px solid #aaa}label{display:block;margin:12px 0}input,select{display:block;width:100%;box-sizing:border-box;padding:10px;font:inherit}button{background:#222;color:white;border:0;padding:14px;font:inherit}section{border-top:2px solid #222;margin-top:35px;padding-top:12px}output{font-size:21px}footer{border-top:1px solid #aaa;font-size:14px}@media(max-width:620px){form{grid-template-columns:1fr}header{display:block}main{padding:18px}}