:root {
  --kaplik: #1f4fd1; --ink: #1b2e8c; --red: #d8262f; --kagit: #f7f9fd; --metin: #1c2340; --soluk: #4b5274; --cizgi: #d3def3;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #d9e4ff; --red: #ff6f73; --kagit: #0e1838; --metin: #e8eeff; --soluk: #a9b5dc; --cizgi: #233470; }
}
* { box-sizing: border-box; }
body {
  margin: 0; font-family: Jost, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--metin); background: var(--kagit);
  background-image: linear-gradient(var(--cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--cizgi) 1px, transparent 1px);
  background-size: 22px 22px; line-height: 1.55; font-size: 17px;
}
main { max-width: 720px; margin: 0 auto; padding: 28px 18px 56px; }
.ust { display: flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; }
.ust img { width: 56px; height: 56px; border-radius: 13px; }
.ust .ad { font-weight: 600; font-size: 26px; line-height: 1.05; }
.ust .ad span { display: block; }
.kart { background: color-mix(in srgb, var(--kagit) 92%, transparent); border: 1px solid var(--cizgi); border-radius: 16px; padding: 22px 22px 8px; margin-top: 22px; }
h1 { font-size: 30px; line-height: 1.15; margin: 26px 0 6px; }
h2 { font-size: 21px; margin: 22px 0 6px; }
p, li { color: var(--metin); }
.soluk { color: var(--soluk); font-size: 15px; }
a { color: var(--ink); }
ul { padding-left: 22px; }
footer { margin-top: 34px; color: var(--soluk); font-size: 14px; }
.not { border-left: 3px solid var(--red); padding-left: 12px; }