*{box-sizing:border-box}
body{margin:0;background:#0e1116;color:#e8ecf3;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.wrap{max-width:820px;margin:0 auto;padding:0 14px}
.top{background:#141922;border-bottom:1px solid #232a36;padding:12px 0}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:10px}
.logo{font-weight:700;letter-spacing:.2px}
.upd{color:#8b97a8;font-size:13px}
h1{font-size:26px;line-height:1.25;margin:22px 0 10px}
.lead{color:#b6c0cf;margin:0 0 18px}
.list{list-style:none;margin:0 0 26px;padding:0;counter-reset:n}
.card{display:grid;grid-template-columns:26px 96px 1fr auto auto;align-items:center;gap:12px;
  background:#161c26;border:1px solid #232c3a;border-radius:12px;padding:12px;margin-bottom:10px}
.card.first{border-color:#3d6cf0;box-shadow:0 0 0 1px rgba(61,108,240,.35)}
.num{color:#7c8899;font-weight:700;text-align:center}
.logo-img{width:96px;height:32px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}
.info{display:flex;flex-direction:column;min-width:0}
.name{font-weight:700}
.bonus{color:#cfd7e3;font-size:14px}
.meta{color:#8b97a8;font-size:12.5px}
.score{background:#1d2532;border:1px solid #2c384a;border-radius:8px;padding:6px 10px;font-weight:700;color:#7ee08a}
.cta{background:#3d6cf0;color:#fff;text-decoration:none;font-weight:700;border-radius:9px;padding:10px 16px;white-space:nowrap}
.cta:hover{background:#2f5ad6}
.crit h2{font-size:19px;margin:0 0 10px}
.crit p{margin:0 0 8px;color:#b6c0cf}
.foot{border-top:1px solid #232a36;margin-top:26px;padding:16px 0 28px;color:#7c8899;font-size:13px}
@media(max-width:640px){
  .card{grid-template-columns:22px 60px 1fr auto;gap:9px;padding:10px}
  .logo-img{width:60px;height:26px}
  .cta{grid-column:1/-1;text-align:center;padding:9px}
  h1{font-size:21px}
}