*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#172f49;font:17px/1.6 system-ui,sans-serif}main{max-width:740px;margin:38px auto;padding:0 20px 50px}.brand{font-weight:800;letter-spacing:.08em;color:#af873d}.brand span{color:#172f49;margin-left:14px}h1{font-size:clamp(28px,5vw,38px);line-height:1.2}h2{font-size:22px;margin-top:0}section{background:#fff;border:1px solid #d8e0e9;border-top:3px solid #b69351;border-radius:12px;padding:24px;margin:24px 0}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #aab9c9;border-radius:6px;font:inherit;margin-top:6px}button,.button{display:inline-block;padding:14px 22px;background:#172f49;color:white;border:0;border-radius:7px;font:600 17px system-ui;cursor:pointer;text-decoration:none}input:focus,button:focus,.button:focus{outline:3px solid #b69351;outline-offset:3px}.error{background:#fff0f0;color:#9b202c;padding:18px;border:1px solid #d5969c;border-radius:8px}section p{font-size:15px;color:#50627a}