*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf4f5;color:#163e4b;font:15px Tahoma,'Segoe UI',sans-serif;padding:20px}main{width:min(460px,100%);padding:40px;background:white;border:1px solid #d4e2e6;border-radius:14px;box-shadow:0 20px 70px #153b4b12}.mark{font-size:24px;font-weight:bold;border-bottom:3px solid #17667b;padding-bottom:20px}h1{font-size:23px;line-height:1.7;margin-top:27px}p{line-height:1.9;color:#5c737d}label{display:block;margin:20px 0 8px;font-weight:bold}input,button{width:100%;padding:13px;font:inherit;border:1px solid #bed0d6;border-radius:7px}input{direction:ltr;text-align:right}button{margin-top:25px;background:#175e72;color:white;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #d4a441;outline-offset:2px}#error{color:#9e2b27;font-size:13px}