*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:#f3f6fa;color:#183046;font:16px/1.55 system-ui,sans-serif}aside{background:#163b60;color:white;padding:34px 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:1.8px}.brand img{width:55px;height:65px}.brand small{display:block;letter-spacing:.6px;font-weight:400}aside p{margin-top:45px;color:#d2e0ed}main{display:grid;place-items:center;padding:40px}section{max-width:560px;width:100%;padding:38px;background:white;border:1px solid #d8e0e9;border-radius:14px;box-shadow:0 8px 28px #1830460b}h1{font-size:30px;line-height:1.25;margin:12px 0 18px}h2{font-size:20px}.eyebrow{color:#4e6781;letter-spacing:1.3px;font-size:12px;font-weight:700}label{display:block;font-weight:600;margin-top:24px}input[type=email]{width:100%;font:inherit;border:1px solid #99afc0;border-radius:6px;padding:11px;margin-top:6px}.remember{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:400}.remember input{width:18px;height:18px;flex-shrink:0}.hint{font-size:13px;color:#51677c}button{background:#1c6097;color:white;border:0;border-radius:6px;padding:12px 18px;min-height:44px;font:600 15px system-ui;cursor:pointer}button:disabled{background:#647c90;cursor:default}#status{padding:12px;background:#f1f5f9;border-radius:6px}input:focus-visible,button:focus-visible{outline:3px solid #e3ad49;outline-offset:3px}[hidden]{display:none!important}@media(max-width:680px){body{display:block}aside{padding:18px 22px}aside p{display:none}.brand img{height:45px;width:40px}main{padding:20px 14px}section{padding:24px}h1{font-size:27px}}