:root{
  --lacivert:#0E1A33; --lacivert-koyu:#070d1a; --panel:#14264a;
  --altin:#F2C14E; --altin-acik:#FFF3D6; --buz:#7FC3F0; --metin:#dbe6f5;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--lacivert-koyu);color:var(--metin);font:16px/1.65 'Trebuchet MS','Segoe UI',Arial,sans-serif}
.sarici{max-width:820px;margin:0 auto;padding:0 20px}
header{padding:26px 0;border-bottom:1px solid #1d3563}
.marka{font-size:26px;font-weight:bold;letter-spacing:2px;color:var(--altin-acik);text-decoration:none}
.marka span{color:var(--altin)}
.marka small{display:block;font-size:11px;letter-spacing:4px;color:var(--buz);font-weight:normal}
.kahraman{text-align:center;padding:72px 0 56px}
.kahraman h1{font-size:52px;letter-spacing:4px;color:var(--altin-acik)}
.kahraman h1 span{color:var(--altin)}
.kahraman p.slogan{font-size:20px;color:var(--buz);margin:14px 0 30px}
.rozet{display:inline-block;background:var(--panel);border:1px solid var(--altin);color:var(--altin-acik);padding:12px 28px;border-radius:10px;font-weight:bold;letter-spacing:1px}
.ozellikler{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:34px 0 60px}
.kart{background:var(--panel);border:1px solid #1d3563;border-radius:12px;padding:22px}
.kart svg{width:34px;height:34px;margin-bottom:10px}
.kart h3{color:var(--altin-acik);font-size:17px;margin-bottom:6px}
.kart p{font-size:14px;color:#a9bcd8}
main.metin{padding:40px 0 60px}
main.metin h1{color:var(--altin-acik);font-size:30px;margin-bottom:8px}
main.metin h2{color:var(--altin);font-size:20px;margin:28px 0 8px}
main.metin p,main.metin li{margin-bottom:10px;color:var(--metin)}
main.metin ul{padding-left:22px}
main.metin a{color:var(--buz)}
main.metin hr{border:0;border-top:1px solid #1d3563;margin:40px 0}
main.metin em.tarih{color:#8aa0c4;font-size:14px}
footer{border-top:1px solid #1d3563;padding:26px 0 40px;font-size:14px;color:#8aa0c4}
footer nav a{color:var(--buz);text-decoration:none;margin-right:18px}
footer nav{margin-bottom:10px}
@media (max-width:600px){.kahraman h1{font-size:36px}}