:root{color-scheme:dark;font-family:"Segoe UI","Yu Gothic UI",sans-serif;background:#212121;color:#eee}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:420px;background:#292929;border:1px solid #444;border-radius:22px;padding:32px}.brand{font-weight:600;color:#ccc}h1{font-size:26px;margin-top:28px}p,small{color:#aaa;line-height:1.7}form{display:grid;gap:12px}label{font-size:13px}input,button{font:inherit;border-radius:10px;padding:13px;width:100%}input{background:#212121;color:#eee;border:1px solid #555}input:focus{outline:2px solid #aaa}button{background:#eee;color:#222;border:0;cursor:pointer;margin-top:8px}button:disabled{opacity:.5;cursor:wait}#loginError{color:#ffadad;margin:0}small{display:block;margin-top:20px;font-size:11px}