/* Общие стили */
body {
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #1f1f1f;
  color: #f0f0f0;
}

h1, h2, h3 { color: #22c55e; margin: 0.5em 0; }
p { margin: 0.3em 0 1em 0; }
a { color: #22c55e; text-decoration: none; }
button { cursor: pointer; }

/* Hero */
.hero { text-align: center; padding: 2rem; background-color: #2b2b2b; }
.hero .subtitle { color: #aaa; margin-top: 0.5rem; }
.hero-nav { margin-bottom: 1rem; }
.hero-nav a { margin: 0 0.7rem; font-weight: bold; color: #22c55e; }
.hero-nav a:hover { text-decoration: underline; }

/* Терминал */
.terminal {
  background-color: #000;
  color: #f0f0f0;
  font-family: 'JetBrains Mono', monospace;
  padding: 1rem;
  border-radius: 5px;
  max-width: 800px;
  height: 300px;
  margin: 1rem auto;
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(0,255,0,0.2);
  border: 2px solid #22c55e;
}
.terminal-header { color: #22c55e; font-weight: bold; margin-bottom: 0.5rem; }

/* Цвета терминала */
.terminal .green { color: #22c55e; }
.terminal .blue { color: #3b82f6; }
.terminal .yellow { color: #facc15; }
.terminal .red { color: #f87171; }
.terminal .gray { color: #888888; }

/* Карточки */
.cards { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin: 1rem 0; }
.card { background-color: #2b2b2b; padding: 1rem; border-radius: 5px; min-width: 140px; text-align: center; font-family: 'JetBrains Mono', monospace; }
.card span { font-weight: bold; }

/* Пинг-график */
.ping-chart-container { max-width: 700px; height: 200px; margin: 1rem auto; background-color: #111; border-radius: 5px; border: 1px solid #22c55e; padding: 0.5rem; }

/* Логи */
.logs { max-width: 700px; margin: 1rem auto; background-color: #111; padding: 1rem; border-radius: 5px; height: 150px; overflow-y: auto; font-family: 'JetBrains Mono', monospace; border: 1px solid #22c55e; }

/* Контактная форма */
.contact form { max-width: 700px; margin: 1rem auto; display: flex; flex-direction: column; gap: 0.5rem; }
.contact input, .contact textarea { padding: 0.5rem; border-radius: 5px; border: 1px solid #22c55e; background-color: #1f1f1f; color: #f0f0f0; }
.contact button { background-color: #22c55e; color: #000; padding: 0.7rem; border: none; border-radius: 5px; font-weight: bold; }
.contact button:hover { background-color: #16a34a; }
.captcha { display: flex; gap: 0.5rem; align-items: center; }

/* Статус сервера */
.online { color: #22c55e; }
.offline { color: #f87171; }

/* Футер */
footer { text-align: center; padding: 2rem 0; background-color: #2b2b2b; color: #aaa; }
footer a.tg { color: #22c55e; text-decoration: none; }

/* Адаптив */
@media screen and (max-width: 768px) {
  .cards { flex-direction: column; align-items: center; }
  .card { min-width: 90%; }
  .ping-chart-container, .logs, .contact form { width: 90%; }
}