/* HEADER */
.result-header{
  background:linear-gradient(to right,#0b1d3a,#1e3a8a);
  color:#fff;
  text-align:center;
  padding:55px 20px;
}

.result-header p{
  color:#d4af37;
  margin-top:10px;
}

/* STATS */
.stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:25px;
  padding:60px 10%;
}

.stat-box{
  background:#fff;
  text-align:center;
  padding:30px;
  border-radius:15px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  border-top:5px solid #d4af37;
}

.stat-box h2{
  color:#0b1d3a;
  font-size:36px;
}

/* GRAPH */
.graph-section{
  background:#f8f9fc;
  padding:60px 12%;
}

.graph-section h2{
  text-align:center;
  color:#0b1d3a;
  margin-bottom:40px;
}

.bar{
  margin-bottom:25px;
}

.bar span{
  font-weight:600;
  color:#1e3a8a;
}

.bar-bg{
  background:#ddd;
  border-radius:20px;
  overflow:hidden;
  margin-top:8px;
}

.bar-fill{
  height:32px;
  background:linear-gradient(to right,#1e3a8a,#d4af37);
  color:#fff;
  text-align:right;
  padding-right:15px;
  line-height:32px;
  font-weight:600;
}

/* TOPPERS */
.toppers{
  padding:60px 12%;
}

.toppers h2{
  text-align:center;
  color:#0b1d3a;
  margin-bottom:30px;
}

table{
  width:100%;
  border-collapse:collapse;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

th{
  background:#0b1d3a;
  color:#fff;
  padding:15px;
}

td{
  padding:14px;
  text-align:center;
  border-bottom:1px solid #ddd;
}