:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#111110;color:#f5f4ef}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:400px;margin:6vh auto}.brand{font-size:24px;font-weight:800;letter-spacing:2px;color:#d6b777}h1{font-size:42px;line-height:1.1;margin:32px 0 16px}p{color:#b8b8af}label{display:block;margin:22px 0 12px}input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #666151;border-radius:4px;background:#22221e;color:inherit;font:inherit}button{width:100%;padding:15px;background:#d6b777;color:#111;border:0;border-radius:4px;font:700 16px system-ui;cursor:pointer}button:disabled{opacity:.6}a{color:#d6b777;text-underline-offset:4px}form+a{display:inline-block;margin-top:26px}#error{color:#ffb3a8}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #d6b777;outline-offset:4px}