*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#172127;font:16px/1.5 system-ui,sans-serif}main{width:min(100% - 32px,560px);margin:clamp(32px,9vh,90px) auto}header{display:flex;align-items:center;gap:9px;color:#033f77}header b{font-size:18px}header span{border-left:1px solid #dce2e5;padding-left:10px}article{background:white;border:1px solid #dce2e5;border-top:5px solid #cda431;border-radius:9px;padding:clamp(20px,5vw,36px);margin-top:22px}h1{font-size:clamp(32px,6vw,44px);line-height:1.06;color:#033f77;letter-spacing:-.04em;margin:10px 0}h1 span{color:#cda431}.label{font:700 11px ui-monospace,monospace;letter-spacing:.12em;color:#075fa8}form{display:grid;gap:8px;margin-top:20px}label{font-size:14px;font-weight:650}input,button{font:inherit;border-radius:6px;padding:10px 12px}input{border:1px solid #83939d}button{background:#075fa8;color:white;border:0;font-weight:700;cursor:pointer}button:disabled{opacity:.65}button:focus-visible,input:focus-visible{outline:3px solid #cda431;outline-offset:2px}