* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
  background-color: #8B2020; 
  font-family: 'Courier New', Courier, monospace; 
  padding: 20px; 
}
.container { 
  max-width: 1400px; 
  margin: 0 auto; 
  background-color: #FFFAF0; 
  border: 4px solid #d4af37; 
  box-shadow: 0 0 0 12px #8B2020; 
  padding: 60px 50px; 
  min-height: calc(100vh - 40px);
}
.header { text-align: center; margin-bottom: 60px; }
.site-title { 
  font-size: 52px; 
  letter-spacing: 12px; 
  color: #000; 
  font-weight: bold; 
  margin-bottom: 40px; 
}
.logo-box { 
  max-width: 320px; 
  margin: 0 auto 40px; 
  padding: 25px; 
  background-color: #fff; 
  border: 6px solid #8B2020; 
  box-shadow: 0 0 0 3px #d4af37; 
}
.logo-box img { width: 100%; height: auto; display: block; }
.subtitle { 
  font-size: 22px; 
  letter-spacing: 6px; 
  color: #8B2020; 
  font-weight: bold; 
}
.menu-list { 
  list-style: none; 
  text-align: center; 
  max-width: 600px; 
  margin: 0 auto; 
}
.menu-list li { margin: 40px 0; }
.menu-list a { 
  font-size: 32px; 
  letter-spacing: 8px; 
  color: #000; 
  text-decoration: none; 
  font-weight: bold; 
  display: inline-block;
  padding: 15px 30px;
  transition: all 0.3s;
}
.menu-list a:hover { 
  border: 4px solid #8B2020; 
  color: #8B2020; 
}
.button { 
  display: inline-block; 
  padding: 20px 60px; 
  background: #8B2020; 
  border: 4px solid #d4af37; 
  color: #FFFAF0; 
  text-decoration: none; 
  font-size: 28px; 
  font-weight: bold; 
  letter-spacing: 8px; 
  transition: 0.3s; 
}
.button:hover { background: #6B1010; }
.page-title { 
  font-size: 52px; 
  letter-spacing: 12px; 
  color: #000; 
  text-align: center; 
  margin: 80px 0 60px; 
  font-weight: bold; 
}
.content-center { text-align: center; }
footer { 
  text-align: center; 
  margin-top: 80px; 
  font-size: 12px; 
  color: #999; 
  letter-spacing: 1px;
}