:root { --bg:#0D141A; --kart:#161F27; --cizgi:#2A3742; --yazi:#E4EDF2; --soluk:#8EA2AE; --amber:#E8A33D; --teal:#4FB6A5; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--yazi); font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif; font-size:16px; line-height:1.65; }
.sayfa { max-width:44rem; margin:0 auto; padding:2.2rem 1rem 4rem; }
header { display:flex; align-items:center; gap:.8rem; margin-bottom:1.6rem; }
header img { width:48px; height:48px; border-radius:12px; }
header a { color:var(--yazi); text-decoration:none; font-weight:700; font-size:1.1rem; }
h1 { font-size:1.75rem; margin:0 0 .3rem; letter-spacing:-.02em; }
h1 b { color:var(--amber); }
.tarih { color:var(--soluk); font-size:.85rem; margin:0 0 1.8rem; }
h2 { font-size:1.08rem; margin:2rem 0 .6rem; padding-top:1rem; border-top:1px solid var(--cizgi); }
p, li { margin:.55rem 0; }
ul, ol { padding-left:1.25rem; }
a { color:var(--amber); }
table { border-collapse:collapse; width:100%; margin:.8rem 0; font-size:.92rem; }
th, td { text-align:left; padding:.5rem .55rem; border-bottom:1px solid var(--cizgi); vertical-align:top; }
th { color:var(--soluk); font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; }
.kutu { padding:.9rem 1rem; background:var(--kart); border:1px solid var(--cizgi); border-left:3px solid var(--amber); border-radius:10px; }
.eposta { font-weight:700; font-size:1.1rem; }
footer { margin-top:3rem; color:var(--soluk); font-size:.85rem; }
footer a { color:var(--soluk); }
@media (max-width:30rem) { table, thead, tbody, tr, th, td { display:block; } thead { display:none; } td { border:0; padding:.15rem 0; } tr { border-bottom:1px solid var(--cizgi); padding:.5rem 0; } }