*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;background:#0b0b0c;color:#fff;
     font-family:Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
     font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
     display:grid;place-items:center;padding:28px 22px}
.card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:24px}
.mark{display:block;line-height:1}
.mark img{display:block;height:23px;width:auto}
h1{font-family:Anton,Impact,sans-serif;font-size:clamp(30px,7vw,38px);line-height:1.04;
   text-transform:uppercase;margin:0 0 8px;letter-spacing:-.003em}
p.sub{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.6)}
form{display:flex;flex-direction:column;gap:14px}
label{display:flex;flex-direction:column;gap:7px;font-size:12px;letter-spacing:.14em;
      text-transform:uppercase;color:rgba(255,255,255,.5)}
label .lbl{display:block}
label .opt{text-transform:none;letter-spacing:0;color:rgba(255,255,255,.32)}
input{font:inherit;font-size:16px;padding:14px 15px;border-radius:9px;color:#fff;
      border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05)}
input:focus{outline:2px solid #fff;outline-offset:1px;border-color:transparent}
button{font:inherit;font-size:16px;font-weight:600;padding:15px;border:0;border-radius:9px;
       background:#fff;color:#000;cursor:pointer;margin-top:4px}
button:disabled{opacity:.5;cursor:default}
button.ghost{background:transparent;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2);
             font-weight:400;font-size:14px;padding:12px}
.err{margin:0;font-size:14.5px;line-height:1.5;color:#ff9090;min-height:21px}
.ok{margin:0;font-size:14.5px;line-height:1.5;color:#9be3b6}
.foot{margin:0;font-size:13px;color:rgba(255,255,255,.4);line-height:1.6}
.foot a{color:rgba(255,255,255,.66)}
.rows{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.12)}
.row{display:flex;justify-content:space-between;gap:16px;padding:15px 0;
     border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}
.row span:first-child{color:rgba(255,255,255,.5)}
.badge{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
       padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25)}
.badge.live{border-color:#9be3b6;color:#9be3b6}
.badge.dead{border-color:#ff9090;color:#ff9090}
.note{margin:0;font-size:13px;color:rgba(255,255,255,.4);line-height:1.6}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}