*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f6f8;color:#222b38;font:15px system-ui,sans-serif;padding:28px}main{width:min(440px,100%);padding:36px;background:#fff;border:1px solid #e4e7ed;border-radius:22px;box-shadow:0 20px 70px #1724380b}.brand{font-weight:700;font-size:30px;letter-spacing:-1.5px;color:#243448;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-top:30px;color:#68768a}h1{font-size:28px;letter-spacing:-1px}h2{font-size:20px}p{line-height:1.6;color:#657084;font-size:13px}label{display:block;margin:22px 0 8px;font-size:13px}input{width:100%;border:1px solid #d6dde7;border-radius:9px;padding:12px;font:inherit}button{width:100%;padding:13px;margin-top:24px;background:#1672ed;color:white;border:0;border-radius:9px;font:inherit;cursor:pointer}button:disabled{opacity:.6}a{color:#1672ed;font-size:13px}#authenticator-link{display:block;margin-top:16px}#error{color:#a43131}pre{white-space:pre-wrap;line-height:1.8;background:#f5f6f8;padding:15px;border-radius:9px}#setup-key{font-family:monospace;font-size:13px}[hidden]{display:none!important}

#setup-qr{display:block;width:min(100%,265px);height:auto;margin:20px auto;background:white;image-rendering:pixelated}