html{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#142338;font:16px/1.5 system-ui,sans-serif}main{max-width:460px;margin:8vh auto;padding:32px;background:#fff;border:1px solid #dbe1e8;border-radius:14px;box-shadow:0 10px 35px #1423380a}.brand{font-size:12px;letter-spacing:.13em;font-weight:750;color:#2a5b91}h1{font-size:27px;line-height:1.2;margin:18px 0}label{display:block;font-weight:650;margin:20px 0 7px}input{width:100%;padding:13px;border:1px solid #b8c4d2;border-radius:7px;font:inherit}button,.button{display:block;text-align:center;width:100%;padding:13px;background:#1765b0;color:white;border:0;border-radius:7px;font:inherit;font-weight:650;margin:20px 0;cursor:pointer;text-decoration:none}a{color:#145c9f}input:focus,button:focus,a:focus{outline:3px solid #7aafe2;outline-offset:3px}.notice{padding:13px;background:#fff3d8;border:1px solid #e4c77d;border-radius:7px}footer,.muted{font-size:13px;color:#536273}footer{margin-top:26px}.seed{display:block;overflow-wrap:anywhere;background:#eef3f8;padding:14px}.codes{padding-left:0;list-style:none;font-size:13px;overflow-wrap:anywhere}.codes li{padding:5px 0}#auth-qr svg{display:block;max-width:100%;height:auto;margin:16px auto}@media(max-width:520px){main{margin:20px 12px;padding:24px}}