:root {
  --zemin: #0b0c0f;
  --yazi: #e6e8ec;
  --soluk: #9aa0aa;
  --kart: #16181e;
  --cizgi: #2a2e36;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  background: var(--zemin);
  color: var(--yazi);
  font-family: "Segoe UI", sans-serif;
}
header, main, footer {
  max-width: 40rem;
  margin: 0 auto;
  padding: 2rem 1.25rem;
}
.marka { color: var(--soluk); letter-spacing: 0.08em; text-transform: lowercase; }
h1 { font-size: 2rem; margin: 0.2rem 0 0.6rem; }
.alt { color: var(--soluk); }
article {
  background: var(--kart);
  border: 1px solid var(--cizgi);
  border-radius: 10px;
  padding: 1.1rem 1.2rem;
}
h2 { margin: 0 0 0.4rem; font-size: 1.15rem; }
footer { color: var(--soluk); font-size: 0.85rem; }