:root{
  --bg:#141311;
  --panel:#1d1a17;
  --panel-alt:#231e1a;
  --gold:#c9a227;
  --red:#7a1f1f;
  --text:#e9e1cf;
  --muted:#a89a7c;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Georgia', 'Times New Roman', serif;
  background:var(--bg);
  color:var(--text);
}
.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 40px;
  background:linear-gradient(180deg,#0f0d0c,#1a1714);
  border-bottom:2px solid var(--gold);
}
.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;letter-spacing:2px;}
.brand-mark{color:var(--gold);font-size:1.6rem;}
nav a{
  color:var(--muted);
  text-decoration:none;
  margin-left:24px;
  font-size:0.9rem;
  letter-spacing:1px;
  transition:color .2s;
}
nav a:hover{color:var(--gold);}

.hero{
  position:relative;
  min-height:60vh;
  background:radial-gradient(ellipse at center, #3a1c1c 0%, #141311 75%);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:60px 20px;
}
.hero-content{position:relative;z-index:2;}
.emblem{width:120px;margin:0 auto 20px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));}
.hero h1{
  font-size:3rem;
  letter-spacing:4px;
  color:var(--gold);
  text-shadow:0 2px 6px rgba(0,0,0,.7);
}
.hero .tag{color:var(--muted);font-size:1.6rem;}
.motto{
  margin-top:14px;
  font-style:italic;
  color:var(--muted);
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}

.panel{padding:50px 40px;}
.panel.alt{background:var(--panel-alt);}
.panel h2{
  color:var(--gold);
  border-bottom:1px solid rgba(201,162,39,.3);
  padding-bottom:10px;
  margin-bottom:24px;
  letter-spacing:1px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
  gap:20px;
}
.card{
  background:var(--panel);
  border:1px solid rgba(201,162,39,.25);
  border-radius:6px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;}
.value{font-size:1.6rem;color:var(--text);}

table{width:100%;border-collapse:collapse;}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(201,162,39,.2);}
th{color:var(--gold);font-weight:normal;letter-spacing:1px;font-size:.85rem;}
.dot{
  display:inline-block;width:10px;height:10px;border-radius:50%;
  background:var(--gold);margin-right:10px;
}
.badge{
  padding:3px 10px;border-radius:12px;font-size:.75rem;letter-spacing:1px;
}
.badge.leader{background:var(--red);color:var(--gold);border:1px solid var(--gold);}

.stats-bars{display:flex;flex-direction:column;gap:18px;max-width:600px;}
.stat-row{display:flex;flex-direction:column;gap:6px;}
.stat-row span{color:var(--muted);font-size:.85rem;}
.bar{background:#2a241d;height:10px;border-radius:6px;overflow:hidden;}
.fill{background:linear-gradient(90deg,var(--red),var(--gold));height:100%;}

footer{
  text-align:center;
  padding:24px;
  color:var(--muted);
  font-size:.8rem;
  border-top:1px solid rgba(201,162,39,.2);
}