*{box-sizing:border-box}body{margin:0;background:#050505;color:#fff;font-family:Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px);border-top:3px solid #fff;padding:28px 0}.brand{font-weight:bold;font-size:20px}h1{font-size:36px;margin:24px 0 12px}p{line-height:1.5;color:#ccc}form{display:grid;gap:12px;margin-top:28px}label{font-weight:bold}input,button{font:inherit;border:1px solid #888;padding:13px}input{background:#fff;color:#000;min-width:0}input:focus{background:#222;color:#fff;outline:2px solid #fff;outline-offset:2px}button{background:#fff;color:#000;font-weight:bold;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#site-lock-message{min-height:24px;margin:0}