body{font:14px/1.45 'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(700px 360px at 50% -80px,rgba(30,143,255,.16),transparent 70%),#07090c;color:#e4e9ef;display:grid;place-items:center;min-height:100vh;margin:0;color-scheme:dark}main{width:min(25rem,calc(100vw - 92px));background:linear-gradient(180deg,#191e25,#11151b);border:1px solid #2c3542;border-top-color:#3a4552;padding:28px 28px 22px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}h1{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:600 15px/1.2 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}h1.logo{flex-direction:column;gap:6px;margin-bottom:22px}h1.logo::before{display:none}h1.logo img{height:92px;width:auto}h1.logo span{font-size:11px;letter-spacing:.32em;color:#8b98a8}h1::before{content:'';width:22px;height:25px;flex:none;background:linear-gradient(160deg,#4fb0ff,#1e6fe0);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}p{color:#a3adba;margin:.5rem 0}.by{margin:-.6rem 0 1rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#6d7887}label{display:block;margin:.85rem 0;font:500 11px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a3adba}input{display:block;width:100%;box-sizing:border-box;margin-top:.35rem;padding:.6rem .7rem;background:#0a0d11;border:1px solid #2c3542;border-radius:3px;color:#e4e9ef;font:14px 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none}input:focus{outline:none;box-shadow:0 0 0 1px rgba(30,143,255,.6),0 0 14px rgba(30,143,255,.28)}button{margin-top:1.1rem;padding:.6rem 1.4rem;background:linear-gradient(180deg,#2b9bff,#1478e6);border:1px solid #3aa2ff;color:#fff;font:600 13px 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}button:hover{background:linear-gradient(180deg,#4fb0ff,#1e8fff);box-shadow:0 0 16px rgba(30,143,255,.35)}#message{min-height:1.5em;color:#ff8f9a}[hidden]{display:none}label.tick{display:flex;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font:14px 'IBM Plex Sans',system-ui,sans-serif}label.tick input{display:inline;width:auto;margin:0}.hint{font-size:.85rem}#qr{display:block;margin:.6rem auto;background:#fff}.key code,#list{font:13px/1.6 'IBM Plex Mono',ui-monospace,monospace;color:#e4e9ef;letter-spacing:.06em}#list{columns:2;padding-left:1.4rem}.choice{display:flex;align-items:center;justify-content:center;gap:12px;margin:1rem 0 1.1rem}.choice button{margin-top:0;flex:1 1 0;white-space:nowrap;padding-left:.8rem;padding-right:.8rem}.choice .or{color:#8b98a8;font:600 11px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}.center{text-align:center;justify-content:center}
.otp{display:flex;gap:8px;margin:.5rem 0 1rem}.otp input{flex:1 1 0;min-width:0;width:auto;height:52px;margin:0;padding:0;text-align:center;font:600 22px 'IBM Plex Mono',ui-monospace,monospace;caret-color:#4fb0ff}
form#code:not(.recovery) .realcode{display:none}form#code.recovery .otp{display:none}
.lbl{margin:.85rem 0 0;font:500 11px 'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a3adba}
.links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:1rem}
button.link{margin:0;padding:0;background:none;border:0;clip-path:none;color:#7cc0ff;font:400 14px 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:0;text-decoration:underline;cursor:pointer}button.link:hover{background:none;box-shadow:none;color:#a8d5ff}