:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#161616;color:#eee}*{box-sizing:border-box}body{margin:0;padding:32px 18px;min-height:100vh;display:grid;place-items:center}.auth-card{width:100%;max-width:460px;padding:30px;background:#222;border:1px solid #414141;border-radius:18px}.brand{font-size:26px;font-weight:800;text-decoration:none;color:#eee}h1{font-size:26px;margin:26px 0 10px}h2{font-size:20px}p{color:#bbb;line-height:1.6}form{display:grid;gap:18px;margin:24px 0}label{display:grid;gap:8px;font-size:14px}input{width:100%;padding:13px;border:1px solid #555;border-radius:8px;background:#181818;color:#fff;font:inherit}button{background:#e5ac00;color:#111;font:700 15px system-ui;border:0;border-radius:8px;padding:14px;cursor:pointer}a{color:#f2c344;display:block;margin:14px 0}button.secondary{background:#383838;color:#eee}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e5ac00;outline-offset:3px}.error{color:#ff9999}.success{color:#9cdbac}details{border-top:1px solid #444;padding:20px 0}summary{cursor:pointer}pre{line-height:1.8;user-select:all}.qr{background:white;padding:12px;display:inline-block}.qr svg{width:230px;height:230px}code{overflow-wrap:anywhere}

.brand{display:flex;align-items:center;gap:10px}