*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#262626;font:16px/1.6 'Segoe UI',sans-serif}main{width:min(960px,100%);min-height:100vh;margin:auto;display:grid;grid-template-columns:340px 1fr;align-items:center;gap:55px;padding:40px}.login-brand{background:#262626;padding:35px;display:flex;flex-direction:column;align-items:center;color:#d2ac78}.login-brand img{width:240px;height:auto}section{max-width:480px}h1{font-size:27px;line-height:1.25}label{display:block;margin:17px 0 5px;font-weight:600;font-size:14px}input{width:100%;padding:12px;border:1px solid #b8bec6;border-radius:4px;font:inherit}button{margin-top:24px;padding:13px 20px;background:#895d2e;color:white;border:0;border-radius:4px;font:600 15px 'Segoe UI';cursor:pointer}button:disabled{opacity:.6}.login-note{font-size:13px;color:#5a626b;margin-top:25px}#login-error{color:#a12a2a;margin-top:15px}:focus-visible{outline:3px solid #895d2e;outline-offset:3px}[hidden]{display:none!important}@media(max-width:740px){main{display:block;padding:25px}.login-brand{padding:10px;max-width:480px}.login-brand img{width:150px}section{margin-top:35px}}