:root{font-family:Inter,Arial,sans-serif;color:#303436;background:#f4f6fb;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:460px;background:white;border:1px solid #e1e5f1;border-radius:18px;padding:34px 40px;box-shadow:0 16px 65px #192aa00a}.brand{width:206px;display:block;margin:-16px auto 10px}.eyebrow{font-size:12px;letter-spacing:1.8px;color:#798396;font-weight:700;text-align:center}h1{font-size:25px;letter-spacing:-.7px;margin:18px 0 12px}p{font-size:14px;line-height:1.65;color:#717a8a}label{display:block;font-size:14px;font-weight:600;margin-top:22px}input{display:block;width:100%;padding:13px 14px;border:1px solid #cfd5e4;border-radius:8px;font:inherit;margin-top:8px;min-height:46px}input:focus{outline:3px solid #252caf28;border-color:#242ab0}button{width:100%;border:0;background:#242ab0;color:white;padding:14px;border-radius:8px;font:600 14px Arial;cursor:pointer;margin-top:26px}button:disabled{opacity:.55;cursor:wait}.secondary{background:#edf0f9;color:#303ba2;margin-top:12px}.hint{font-size:12px}#error{color:#af3030;min-height:20px;font-size:14px}footer{border-top:1px solid #e9ecf2;padding-top:18px;font-size:12px;color:#8a92a0;line-height:1.7}[hidden]{display:none!important}@media(max-width:500px){main{padding:26px}}
h2{font-size:20px}#qr{display:block;width:240px;max-width:100%;height:auto;margin:18px auto}summary{cursor:pointer;font-size:14px}#secret{font-family:monospace;font-size:13px}#codes{font-size:14px;line-height:1.8;background:#f4f6fb;padding:16px;overflow-wrap:anywhere;white-space:pre-wrap}.check{display:flex;gap:10px;align-items:center}.check input{width:20px;min-height:20px;margin:0;flex-shrink:0}#continue:disabled{cursor:not-allowed}a{color:#242ab0}

@media(max-width:760px){input{font-size:16px}body{padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}button{min-height:46px}}