:root {
  --black:#080c10;
  --surface:#0d1117;
  --surface2:#141b24;
  --border:rgba(0,180,255,.14);
  --blue:#00b4ff;
  --white:#f0f4f8;
  --muted:#8899aa;
  --green:#00e87a;
  --gold:#ffcc44;
  --radius:8px;
}
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--black); color:var(--white); font-family:Arial,sans-serif; line-height:1.75; font-size:17px; }
a { color:var(--blue); text-decoration:none; }
a:hover { text-decoration:underline; }
header, footer { background:var(--surface); border-bottom:1px solid var(--border); }
footer { border-top:1px solid var(--border); border-bottom:0; margin-top:72px; }
.bar, .page { max-width:1060px; margin:0 auto; padding:18px 24px; }
.bar { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.logo { font-weight:900; letter-spacing:.06em; color:var(--white); text-decoration:none; }
.logo span { color:var(--blue); }
.nav { display:flex; gap:16px; flex-wrap:wrap; font-size:14px; }
.page { padding-top:58px; }
.kicker { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1 { font-family:Impact,"Arial Black",sans-serif; font-size:clamp(2.35rem,5vw,4.6rem); line-height:1.02; letter-spacing:.02em; margin:14px 0 18px; }
h2 { font-size:1.45rem; margin:38px 0 10px; color:var(--white); }
h3 { font-size:1.05rem; margin-bottom:6px; color:var(--white); }
p, li { color:var(--muted); }
p { margin-bottom:16px; }
ul, ol { margin:12px 0 18px 22px; }
.intro { max-width:780px; font-size:1.08rem; }
.hero-box, .cta-box, .note, .card { background:var(--surface2); border:1px solid var(--border); border-radius:var(--radius); }
.hero-box, .cta-box, .note { padding:24px; margin:28px 0; }
.score { color:var(--green); font-weight:900; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); gap:16px; margin:22px 0; }
.card { padding:20px; }
.card strong { color:var(--white); display:block; margin-bottom:4px; }
.table-wrap { overflow-x:auto; margin:22px 0; }
table { width:100%; border-collapse:collapse; min-width:680px; }
th, td { border-bottom:1px solid var(--border); padding:13px 14px; text-align:left; color:var(--muted); vertical-align:top; }
th { background:var(--surface2); color:var(--white); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.winner { color:var(--green); font-weight:800; }
.btn { display:inline-block; background:var(--blue); color:#071014; font-weight:900; text-transform:uppercase; letter-spacing:.06em; padding:13px 18px; border-radius:var(--radius); text-decoration:none; }
.btn:hover { background:#33c8ff; text-decoration:none; }
.btn-secondary { background:transparent; color:var(--blue); border:1px solid var(--blue); }
.small { font-size:12px; color:var(--muted); margin-top:10px; }
.sources a { display:inline-block; margin-right:12px; margin-bottom:8px; }
@media (max-width:640px) {
  .bar { align-items:flex-start; }
  .nav { width:100%; }
  body { font-size:16px; }
}