body{font-family:system-ui,sans-serif;background:#f5f6f8;color:#202733;margin:0;padding:48px 20px}main{max-width:440px;margin:0 auto;background:white;border:1px solid #dce1e8;border-radius:12px;padding:32px;box-shadow:0 8px 32px #18243b08}h1{font-size:1.5rem;margin:0 0 24px}h2{font-size:1.1rem;margin-top:28px}.brand{color:#596679;font-weight:600;letter-spacing:.12em;margin:0 0 12px}label{display:block;margin:16px 0 6px}input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #aab4c2;border-radius:6px;font:inherit}button,.button{display:inline-block;background:#244ee8;color:white;border:0;border-radius:6px;padding:12px 18px;margin-top:18px;text-decoration:none;font:inherit;cursor:pointer}a{color:#244ee8}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #97adff;outline-offset:3px}.error,.form-error-message{color:#a71827}.success{color:#19723e}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.qr{display:block;margin:auto;width:240px;height:240px}.secret{display:block;overflow-wrap:anywhere;margin:16px 0}.codes{font-family:monospace;line-height:1.8}.help{color:#596679;font-size:.9rem}.mb-3{margin-bottom:16px}ul{padding-left:22px}