*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#101923;color:#e8eef6;font:16px system-ui;display:grid;place-items:center}.login{width:min(92vw,400px);background:#1d2b3b;padding:32px;border-radius:14px;box-shadow:0 14px 44px #0005}h1{margin:0 0 8px}p{color:#b5c5d7}label{display:block;margin:20px 0 0}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #708397;border-radius:6px;background:#0d1722;color:white}button{width:100%;padding:12px;background:#2689d5;border:0;border-radius:6px;color:white;font-weight:700;margin-top:22px;cursor:pointer}#error{color:#ffb4b4;min-height:1.5em}