* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #0f0f0f;
  color: #e0e0e0;
  line-height: 1.6;
}
.container { max-width: 900px; margin: 0 auto; padding: 2rem; }
header {
  border-bottom: 1px solid #333;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
header h1 { margin: 0; font-size: 1.5rem; }
header a { color: #30d158; text-decoration: none; }
header a:hover { text-decoration: underline; }
h2 { color: #fff; margin-top: 2rem; }
.platforms {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}
.platforms a {
  display: block;
  padding: 1rem 1.5rem;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 8px;
  color: #30d158;
  text-decoration: none;
  transition: all 0.2s;
}
.platforms a:hover {
  background: #252525;
  border-color: #30d158;
  transform: translateY(-2px);
}
.content ol, .content ul { padding-left: 1.5rem; }
.content li { margin: 0.5rem 0; }
.content a { color: #30d158; }
footer {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #333;
  font-size: 0.9rem;
  color: #888;
}
footer a { color: #30d158; }