*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#183042;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:440px;background:white;border:1px solid #dfe5e8;border-radius:16px;padding:36px;box-shadow:0 15px 50px #1730420a}.brand{font-size:24px;font-weight:750;margin-bottom:32px}.brand span{font-weight:400}h1{font-size:25px;line-height:1.25}p{line-height:1.6;color:#5e6d78}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;font:inherit;padding:13px;border:1px solid #c9d3d9;border-radius:7px;margin-top:8px}input:focus{outline:2px solid #72aaa0;outline-offset:2px}button{width:100%;font:inherit;font-weight:650;padding:14px;border:0;border-radius:7px;background:#173042;color:white;cursor:pointer;margin:8px 0 24px}button:hover{background:#284e61}small{color:#65757f;line-height:1.5;display:block}.error{color:#a32525;background:#fff1ef;padding:10px;border-radius:6px}