*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#112b32;font:14px 'Segoe UI',Arial,sans-serif;padding:24px;color:#203b46}main{width:100%;max-width:410px;border-radius:16px;background:white;padding:36px;box-shadow:0 12px 45px #0003}main>img{display:block;width:90px;height:auto;margin:auto;border-radius:10px}.brand{text-align:center;color:#637b85}h1{font-size:27px;margin:30px 0 8px}p{color:#6c8089;line-height:1.5}label{display:block;margin:20px 0;font-size:13px}input{width:100%;padding:13px;border:1px solid #cedbdf;border-radius:6px;margin-top:7px;font:inherit}input:focus{outline:2px solid #69b8a3}button{width:100%;border:0;border-radius:6px;padding:14px;background:#156c58;color:white;font:600 14px 'Segoe UI',sans-serif;cursor:pointer}button:disabled{opacity:.6}#login-message{color:#a34343;font-size:13px;margin-bottom:0}