/* === SilentGamerz HLstats Theme (based on classic.css) === */
body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  background: radial-gradient(circle at top, #0b0f1d 0%, #060912 70%, #03060e 100%);
  color: #e5e9f0;
}

a {
  color: #00aaff;
  text-decoration: none;
  transition: 0.2s;
}
a:hover {
  color: #00d9ff;
  text-shadow: 0 0 6px rgba(0,200,255,.6);
}

h1, h2, h3, th {
  color: #00baff;
  text-shadow: 0 0 10px rgba(0,200,255,.5);
  font-weight: 600;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
}

th, td {
  padding: 10px;
  border: 1px solid rgba(0,255,255,.08);
}

th {
  background: rgba(10,20,30,.7);
}

tr:nth-child(even) {
  background: rgba(20,30,40,.3);
}

tr:hover {
  background: rgba(0,200,255,.08);
}

.header, .navbar, #navbar {
  background: linear-gradient(180deg, rgba(10,20,40,.95), rgba(5,10,25,.85));
  border-bottom: 1px solid rgba(0,255,255,.15);
  padding: 12px 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,255,255,.1);
}

#navbar a {
  color: #e5e9f0;
  margin: 0 14px;
  font-weight: 500;
}
#navbar a:hover {
  color: #00ccff;
}

.content {
  width: 95%;
  max-width: 1200px;
  margin: 25px auto;
  background: rgba(20,30,50,.4);
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 0 15px rgba(0,255,255,.05);
}

.table_border, .bg1, .bg2 {
  background: rgba(15,25,40,.6);
  border: 1px solid rgba(0,255,255,.08);
  border-radius: 6px;
}

.button, input[type=submit], input[type=button] {
  background: linear-gradient(90deg, #0077ff, #00d9ff);
  border: none;
  color: #fff;
  padding: 8px 14px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(0,200,255,.3);
  transition: 0.2s;
}
.button:hover, input[type=submit]:hover, input[type=button]:hover {
  box-shadow: 0 0 15px rgba(0,200,255,.6);
}

.footer {
  margin-top: 40px;
  background: linear-gradient(180deg, rgba(10,15,25,.9), rgba(5,8,15,.95));
  color: #aaa;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid



/* === SilentGamerz Header/Footer Styling === */
.sg-header {
  background: linear-gradient(90deg, rgba(0,20,40,.9), rgba(0,80,150,.9));
  border-bottom: 2px solid rgba(0,255,255,.15);
  box-shadow: 0 0 15px rgba(0,200,255,.2);
  padding: 12px 0;
  position: sticky;
  top: 0;
  z-index: 100;
}

.sg-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  max-width: 1200px;
  margin: auto;
}

.sg-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sg-logo img {
  width: 38px;
  height: 38px;
}
.sg-logo h1 {
  font-size: 22px;
  color: #00baff;
  margin: 0;
}
.sg-logo span {
  color: #e5e9f0;
  font-weight: 400;
}

.sg-nav a {
  color: #e5e9f0;
  font-weight: 500;
  margin: 0 12px;
  transition: 0.2s;
}
.sg-nav a:hover {
  color: #00d9ff;
  text-shadow: 0 0 6px rgba(0,200,255,.5);
}

.footer-inner {
  text-align: center;
  padding: 25px 0;
  color: #999;
  font-size: 14px;
}
.footer-inner a {
  color: #00aaff;
}
.footer-inner a:hover {
  color: #00d9ff;
}

/* === SilentGamerz HLstats Theming === */
.sg-header {
  background: linear-gradient(90deg, rgba(0,15,35,0.95), rgba(0,90,170,0.9));
  border-bottom: 1px solid rgba(0,255,255,.15);
  box-shadow: 0 0 20px rgba(0,200,255,.25);
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 1000;
}

.sg-header-inner {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sg-logo a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.sg-logo img {
  width: 38px;
  height: 38px;
}
.sg-title {
  color: #00baff;
  font-size: 20px;
  font-weight: 600;
}
.sg-title b {
  color: #e5e9f0;
  font-weight: 400;
}

.sg-nav a {
  color: #e5e9f0;
  margin: 0 10px;
  font-weight: 500;
  transition: 0.2s;
}
.sg-nav a:hover {
  color: #00d9ff;
  text-shadow: 0 0 6px rgba(0,200,255,.5);
}

.sg-footer {
  background: linear-gradient(180deg, rgba(10,15,25,.9), rgba(5,8,15,.95));
  border-top: 1px solid rgba(0,255,255,.1);
  margin-top: 40px;
  color: #aaa;
  text-align: center;
  padding: 25px 0;
  font-size: 14px;
}
.sg-footer a {
  color: #00aaff;
}
.sg-footer a:hover {
  color: #00d9ff;
}