body{margin:0;background:#eaf2f1;color:#153d42;font:17px/1.8 system-ui}header{background:#153d42;color:white;padding:20px 5%}header a{color:white;margin-right:20px}main,footer{max-width:1080px;margin:auto;padding:28px}h1{font-size:clamp(26px,4vw,38px);margin-top:12px}.workspace{display:grid;grid-template-columns:320px 1fr;gap:45px;margin-top:30px}form{border-left:4px solid #236d76;padding-left:20px}label{display:block;margin-bottom:16px}input{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #77999d;font:inherit}button{background:#15565e;color:white;border:0;padding:12px;font:inherit}section{background:white;padding:25px;align-self:start;border-top:5px solid #368996}output{font-size:24px;line-height:2}a{color:#15565e}footer{font-size:14px;border-top:1px solid #77999d}@media(max-width:700px){.workspace{grid-template-columns:1fr;gap:20px}main,footer{padding:18px}}