* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #0c0c0f;
  color: #f5f5f7;
  line-height: 1.5;
}
.container {
  width: min(900px, 92%);
  margin: 0 auto;
}
header { padding: 42px 0 18px; }
.logo {
  width: min(520px, 100%);
  height: auto;
  display: block;
  margin-bottom: 14px;
}
h1 { margin: 0; font-size: 2rem; }
.subtitle { color: #9ca3af; margin-top: 8px; }
.card {
  background: #14141a;
  border: 1px solid #23232b;
  border-radius: 14px;
  padding: 24px;
}
h2 { margin-top: 24px; font-size: 1.2rem; }
ul { padding-left: 1.2rem; }
a { color: #7dd3fc; text-decoration: none; }
a:hover { text-decoration: underline; }
.footer {
  color: #9ca3af;
  font-size: 0.9rem;
  padding: 22px 0 48px;
}