*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f3ee;color:#24352e;font:16px "Segoe UI",sans-serif}.login-card{width:min(420px,calc(100% - 32px));padding:36px;background:white;border:1px solid #d8ddd7;border-radius:12px;box-shadow:0 8px 36px #203b2310}.brand{font-size:12px;letter-spacing:2px;color:#607569}h1{font-size:30px;margin:18px 0 8px}label{display:block;margin-top:20px;font-weight:600}input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #b7c3b9;border-radius:5px;font:inherit}input:focus{outline:2px solid #688975;outline-offset:2px}button{width:100%;padding:12px;border:0;border-radius:5px;background:#285a41;color:white;font:600 16px "Segoe UI",sans-serif;cursor:pointer}button:disabled{opacity:.6}#error{color:#a02121;font-size:14px;min-height:18px}