:root { color-scheme: light dark; --metin: #0f1b2d; --ikincil: #526077; --vurgu: #2563eb; --zemin: #f4f6fc; --kart: #fff; }
@media (prefers-color-scheme: dark) { :root { --metin: #e3e8f7; --ikincil: #9aa4b8; --vurgu: #8ab4ff; --zemin: #0d1322; --kart: #171d2d; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 32px auto; padding: 28px 24px; background: var(--kart); border-radius: 18px; }
@media (max-width: 760px) { main { margin: 0; border-radius: 0; min-height: 100vh; padding: 24px 16px; } }
h1 { margin: 0 0 4px; font-size: 28px; line-height: 1.25; }
h2 { margin-top: 28px; font-size: 19px; }
a { color: var(--vurgu); }
.ust { margin: 0 0 12px; font-weight: 700; }
.ust a { text-decoration: none; }
.alt { margin-top: 0; color: var(--ikincil); }
.iletisim, .en { color: var(--ikincil); font-size: 15px; }
.en { margin-top: 36px; border-top: 1px solid color-mix(in srgb, var(--ikincil) 30%, transparent); }
li { margin: 4px 0; }