:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101216;color:#eef0f4}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:380px;padding:30px 24px;border:1px solid #2c3038;border-radius:20px;background:#15181e}.brand{font-weight:650;color:#b0d9d0;margin-bottom:32px}h1{font-size:26px;margin:0 0 8px}p{color:#a5aab4;line-height:1.5}form{display:grid;gap:12px;margin-top:26px}label{font-size:14px}input,button{min-height:48px;border-radius:10px;font:inherit;padding:12px}input{width:100%;border:1px solid #383d47;background:#101216;color:inherit}input:focus{outline:2px solid #9ccdbf;outline-offset:2px}button{border:0;background:#b0d9d0;color:#10231e;font-weight:650;cursor:pointer;margin-top:10px}button:disabled{opacity:.6}#loginStatus{min-height:24px;margin:0;color:#efb7ae;font-size:14px}