*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#080c14;
  --c1:#0e1420;
  --c2:#141c2e;
  --c3:#1a2438;
  --c4:#1f2d44;
  --t1:#cdd6f4;
  --t2:#7289a8;
  --t3:#3a506b;
  --acc:#00b4d8;
  --grn:#06d6a0;
  --ylw:#ffb703;
  --red:#ef4565;
  --orn:#ff9f1c;
  --su:5px 5px 14px #04070e,-5px -5px 14px #141c2c;
  --ssm:3px 3px 9px #04070e,-3px -3px 9px #121a28;
  --sxs:2px 2px 5px #04070e,-2px -2px 5px #101620;
  --si:inset 3px 3px 8px #04070e,inset -3px -3px 8px #121a28;
  --sism:inset 2px 2px 5px #04070e,inset -2px -2px 5px #101620;
}
body{background:var(--bg);font-family:'Sora',system-ui,sans-serif;color:var(--t1);min-height:100vh}
.neu{background:var(--c1);border-radius:20px;box-shadow:var(--su);padding:24px}
.card{background:var(--c1);border-radius:14px;box-shadow:var(--ssm);padding:20px;display:flex;flex-direction:column}
.xs{background:var(--c1);border-radius:10px;box-shadow:var(--sxs);padding:12px 16px}
input{background:var(--c1);border:none;outline:none;font-family:'Sora',sans-serif;color:var(--t1);width:100%;box-shadow:var(--si);border-radius:10px;padding:12px 16px;font-size:14px}
input::placeholder{color:var(--t3)}
input:focus{box-shadow:var(--si),0 0 0 2px #00b4d828}
.btn{background:var(--acc);color:#04080f;border:none;border-radius:11px;padding:13px;font-size:14px;font-weight:800;font-family:'Sora',sans-serif;cursor:pointer;width:100%;transition:all .15s;box-shadow:3px 3px 10px #04070e,0 0 20px #00b4d820}
.btn:hover{background:#33ccee}
.btn:active{transform:scale(.98)}
.gbtn{background:var(--c1);color:var(--t2);border:none;border-radius:9px;padding:8px 18px;font-size:12px;font-weight:600;font-family:'Sora',sans-serif;cursor:pointer;box-shadow:var(--sxs)}
.lnk{background:none;border:none;color:var(--acc);cursor:pointer;font-size:11px;font-weight:700;font-family:'Sora',sans-serif;padding:0}
.lbl{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:7px}
.tag{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;background:var(--c2);color:var(--t2);box-shadow:var(--sxs)}
.pill{padding:4px 12px;border-radius:20px;font-size:10px;font-weight:600;box-shadow:var(--sxs);color:var(--t2);background:var(--c1)}
.bwrap{border-radius:4px;height:5px;overflow:hidden;background:var(--c3)}
.bfill{height:100%;border-radius:4px;transition:width 1.1s cubic-bezier(.4,0,.2,1)}
.div{height:1px;background:var(--c3);margin:14px 0}
.info{background:var(--c1);box-shadow:var(--sism);border-radius:10px;padding:10px 14px 10px 16px;font-size:11px;color:var(--t2);line-height:1.65;position:relative}
.info::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);border-radius:3px 0 0 3px}
.errb{background:var(--c1);box-shadow:var(--sism);border-radius:10px;padding:10px 14px 10px 16px;font-size:12px;color:var(--red);position:relative}
.errb::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);border-radius:3px 0 0 3px}
.sh{font-size:14px;font-weight:800;color:var(--t1);display:flex;align-items:center;gap:8px;margin-bottom:16px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px #00b4d8;flex-shrink:0}
.aline{height:2px;width:50px;margin:0 auto;border-radius:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent)}
.fc{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 0}
.fc.ok{color:var(--grn)}
.fc.no{color:var(--t3)}
.rnk{width:24px;height:24px;border-radius:50%;box-shadow:var(--sxs);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;font-family:'JetBrains Mono',monospace;flex-shrink:0;background:var(--c1)}
.sc{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;font-size:11px;color:var(--t2);background:var(--c2);line-height:1.5}
.scd{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:4px}
.lbar{height:7px;border-radius:7px;overflow:hidden;display:flex;margin-bottom:11px}
.g3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.stn{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;line-height:1;margin-bottom:3px}
.stl{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.4px;font-weight:600}
.rgrn{filter:drop-shadow(0 0 6px #06d6a055)}
.racc{filter:drop-shadow(0 0 6px #00b4d855)}
.rylw{filter:drop-shadow(0 0 6px #ffb70355)}
.rred{filter:drop-shadow(0 0 6px #ef456555)}
@keyframes fu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sp{to{transform:rotate(360deg)}}
@keyframes pu{0%,100%{opacity:1}50%{opacity:.3}}
.fade{animation:fu .3s ease}
.spin{animation:sp .85s linear infinite;display:inline-block}
.pulse{animation:pu 1.8s ease infinite}
a{color:var(--acc);text-decoration:none;font-weight:700}
a:hover{color:#33cfe8}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.page{padding:28px 20px 60px;display:flex;justify-content:center}
.wrap{width:100%;max-width:1120px}
@media(max-width:700px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .g2{grid-template-columns:1fr}
}