:root{--t1:#0F1B2A;--t2:#3D5A6C;--a:#6D5EFC;--b:#C2410C;--sh:0 20px 50px -22px rgba(64,40,86,.28),0 2px 6px rgba(15,27,42,.06)}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 Inter,-apple-system,"Segoe UI",sans-serif;color:var(--t1)}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 600px at 10% 0%,rgba(109,94,252,.18),transparent 60%),radial-gradient(800px 600px at 95% 20%,rgba(56,189,248,.2),transparent 60%),linear-gradient(180deg,#F4F7FB,#E8EEF5)}
.glass{background:rgba(255,255,255,.64);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh);border-radius:20px}
.top{position:sticky;top:10px;margin:10px auto;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;z-index:5;flex-wrap:wrap}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6d5efc,#38bdf8);margin-right:6px}
nav{display:flex;gap:14px}nav a{color:var(--t2);text-decoration:none;font-weight:600}
main{max-width:1200px;margin:0 auto;padding:0 16px 40px}
h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,4vw,52px);margin:24px 0 6px}h2{font-family:'Playfair Display',Georgia,serif;font-size:30px;margin:40px 0 10px}
.muted{color:var(--t2)}.small{font-size:13px}.pad{padding:18px}
.scores{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.big{padding:22px;text-align:center}.big small{display:block;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
.big b{font-size:72px;font-weight:800;line-height:1.1}.big.u b{color:var(--a)}.big.a b{color:var(--b)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.legend{display:flex;gap:18px;justify-content:center;font-weight:700}.sw{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px}.sw.u{background:var(--a)}.sw.a{background:var(--b)}
.row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;align-items:center;margin:12px 0;font-weight:600}.row.hd{font-size:12px;text-transform:uppercase;color:#68788A}.row.tot{border-top:1px solid rgba(15,27,42,.1);padding-top:12px;font-weight:800}
.bar{background:rgba(15,27,42,.06);border-radius:999px;height:26px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;color:#fff;font-style:normal;font-weight:800;font-size:13px;padding:3px 10px;text-align:right}
.bar .u{background:linear-gradient(135deg,#6d5efc,#38bdf8)}.bar .a{background:linear-gradient(135deg,#C2410C,#F59E0B)}
.tablewrap{overflow-x:auto;padding:6px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:11px;border-bottom:1px solid rgba(15,27,42,.08);vertical-align:top}th{font-size:13px;color:var(--t1)}th small{color:#68788A;font-weight:500}
td.ok{border-left:4px solid #0E9F6E}td.bad{border-left:4px solid #A30D22}td.warn{border-left:4px solid #C27803}code{font-size:12px;word-break:break-all;background:rgba(255,255,255,.8);padding:1px 4px;border-radius:4px}a{color:var(--a)}
.rec{margin-top:18px;font-size:16px;border-color:rgba(109,94,252,.4)}footer{margin-top:30px;text-align:center}
@media(max-width:800px){.grid2,.scores{grid-template-columns:1fr}nav{display:none}}