*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:#102d47;font:16px/1.6 Arial,sans-serif}main{width:min(680px,calc(100% - 32px));margin:40px auto;background:white;border:1px solid #dce5ec;padding:28px;border-radius:20px;overflow-wrap:anywhere}.brand{font-size:24px;letter-spacing:.08em;font-weight:bold;color:#a97d29}h1{font-size:28px}h2{font-size:21px}label{display:block;margin:16px 0;font-weight:600}input,select{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #c0ced9;border-radius:8px;font:inherit}button{padding:13px 22px;background:#087d82;color:white;border:0;border-radius:9px;font:inherit;cursor:pointer;min-height:48px}a{color:#086b9b;display:inline-block;padding:8px 0}.error{background:#fff0ee;color:#9c3325;padding:14px;border-radius:8px}.success{background:#e6f7ee;padding:14px;color:#17643c;border-radius:8px}section{padding:18px 0;border-top:1px solid #dce5ec;margin-top:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d7ad51;outline-offset:3px}