*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f8;color:#192333;font:16px/1.5 Arial,sans-serif;display:grid;place-items:center}.login{width:min(100% - 32px,420px);padding:36px;background:#fff;border:1px solid #dce2e8;border-radius:12px;box-shadow:0 16px 40px #14253a14}.brand{margin:0 0 18px;color:#078be0;font-weight:700;letter-spacing:.04em}h1{margin:0;font-size:24px}form{display:grid;gap:10px;margin-top:24px}input{width:100%;padding:12px;border:1px solid #aeb8c3;border-radius:6px;font:inherit}button{margin-top:8px;padding:12px;border:0;border-radius:6px;background:#d5ff02;color:#17202b;font:inherit;font-weight:700;cursor:pointer}#login-error{min-height:3em;margin:0;color:#9d2638}