:root{
  --red:#c8102e;--red-d:#a50d26;--navy:#0b1630;--cyan:#00b4d8;--bg:#f4f5f7;--card:#fff;
  --text:#0b1630;--text2:#34405a;--muted:#5d6779;--line:#e3e6ec;--radius:12px;--soft:#f7f8fa;--soft2:#eef1f6;--shadow:0 1px 3px rgba(11,22,48,.08);--glass:rgba(255,255,255,.82);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:8px}
.btn:hover{background:var(--red-d)}

/* üst bar + başlık */
.topbar{background:var(--navy);color:#aab4c8;font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;height:32px;align-items:center}
.tb-right{display:flex;gap:16px}.tb-right a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:30;background:var(--card);border-bottom:3px solid var(--red);box-shadow:0 2px 12px rgba(11,22,48,.06)}
.site-header .wrap{display:flex;align-items:center;gap:26px;height:70px}
.logo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:25px;letter-spacing:-.03em;color:var(--navy)}
.logo b{color:var(--red);font-weight:900}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{padding:8px 11px;font-size:14.5px;font-weight:700;color:var(--navy);border-radius:6px;white-space:nowrap}
.nav a:hover{color:var(--red);background:#fdf0f2}
.menu-btn{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;padding:9px 8px}
.menu-btn span{display:block;height:3px;background:var(--navy);border-radius:2px;margin:4px 0}

/* son dakika */
.breaking{background:var(--card);border-bottom:1px solid var(--line)}
.breaking .wrap{display:flex;align-items:center;height:42px;gap:14px;overflow:hidden}
.bk-label{flex:none;background:var(--red);color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;padding:5px 10px;border-radius:4px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,16,46,.5)}50%{box-shadow:0 0 0 6px rgba(200,16,46,0)}}
.bk-track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.bk-inner{display:flex;gap:40px;width:max-content;animation:marquee 60s linear infinite}
.bk-track:hover .bk-inner{animation-play-state:paused}
.bk-inner a{font-size:14px;font-weight:600;white-space:nowrap}
.bk-inner a b{color:var(--red);margin-right:6px}
.bk-inner a:hover{color:var(--red)}
@keyframes marquee{to{transform:translateX(-50%)}}

main{padding:22px 20px 56px}

/* rozetler */
.cat{display:inline-block;background:var(--c);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:4px}
.sev{display:inline-block;margin-left:6px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.04em}
.sev-kritik{background:var(--card);color:var(--red);box-shadow:inset 0 0 0 2px var(--red)}
.sev-yuksek{background:var(--card);color:#d97706;box-shadow:inset 0 0 0 2px #d97706}
.sev-orta{background:var(--card);color:#a16207;box-shadow:inset 0 0 0 2px #eab308}

/* görsel üstü başlıklı kartlar */
.ov{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--navy)}
.ov img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ov:hover img{transform:scale(1.04)}
.ov::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,10,22,.92))}
.ov-text{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;z-index:1;color:#fff}
.ov h3{margin:10px 0 0;font-weight:800;line-height:1.2;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.ov-xl{aspect-ratio:16/9}.ov-xl h3{font-size:clamp(24px,3.2vw,40px);font-weight:900}.ov-xl p{margin:10px 0 0;color:#cfd6e4;font-size:16px;max-width:760px}
.ov-xl .ov-text{padding:28px 30px 56px}
.ov-lg{aspect-ratio:16/9}.ov-lg h3{font-size:22px}
.ov-md{flex:1;min-height:0}.ov-md h3{font-size:18px}

/* manşet */
.hero{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:18px}
.slider{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--navy)}
.slide{display:none}.slide.on{display:block;animation:fade .5s}
@keyframes fade{from{opacity:.4}to{opacity:1}}
.sl-prev,.sl-next{position:absolute;top:42%;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--navy);font-size:30px;line-height:1;cursor:pointer;opacity:0;transition:.2s}
.slider:hover .sl-prev,.slider:hover .sl-next{opacity:1}
.sl-prev{left:14px}.sl-next{right:14px}
.sl-dots{position:absolute;z-index:3;left:30px;bottom:16px;display:flex;gap:6px}
.sl-dots button{width:28px;height:24px;border:0;border-radius:4px;background:rgba(255,255,255,.22);color:#fff;font:700 12px Inter,sans-serif;cursor:pointer}
.sl-dots button.on{background:var(--red)}
.sur{display:flex;flex-direction:column;gap:16px}

/* siber nabız şeridi */
.pulse{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:28px;overflow:hidden}
.pulse-brand{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:14px 20px;flex:none}
.pulse-brand svg{width:64px;color:var(--red)}
.pulse-brand b{font-weight:800}.pulse-brand span{font-size:12px;color:#8f9bb3}
.stat{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 18px;border-left:1px solid var(--line)}
.stat b{font-size:24px;font-weight:900;line-height:1.1}.stat span{font-size:12.5px;color:var(--muted)}
.stat:nth-child(3) b{color:var(--red)}.stat:nth-child(4) b{color:#d97706}

/* bölüm başlıkları */
.sec-title{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--line);margin:8px 0 16px}
.sec-title h2{margin:0;font-size:20px;font-weight:900;padding-bottom:8px;margin-bottom:-2px;border-bottom:3px solid var(--c)}
.sec-title a{font-size:13px;font-weight:700;color:var(--muted)}.sec-title a:hover{color:var(--red)}

/* kartlar */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}
.card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px rgba(11,22,48,.08);transition:.2s;display:flex;flex-direction:column}
.card:hover{box-shadow:0 8px 24px rgba(11,22,48,.14);transform:translateY(-2px)}
.card:hover h3{color:var(--red)}
.thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb .sev{position:absolute;top:10px;left:4px}
.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body .cat{align-self:flex-start}
.card h3{margin:0;font-size:16.5px;line-height:1.35;font-weight:800;transition:.2s}
.card time,.li time{font-size:12.5px;color:var(--muted);margin-top:auto}

/* iki kolon */
.two-col{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.cat-blocks{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cat-block .ov{margin-bottom:12px}
.cb-list{display:flex;flex-direction:column}
.li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.li img{width:96px;aspect-ratio:16/10;object-fit:cover;border-radius:6px;flex:none}
.li h4{margin:0 0 4px;font-size:14.5px;line-height:1.35;font-weight:700}
.li:hover h4{color:var(--red)}
.num{flex:none;width:34px;height:34px;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:900;border-radius:6px}
.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:90px}
.box{background:var(--card);border-radius:var(--radius);padding:16px 18px;box-shadow:0 1px 3px rgba(11,22,48,.08)}
.brand-box{background:var(--navy);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px}
.brand-box b{font-size:19px;font-weight:900}.brand-box p{color:#aab4c8;font-size:14px;margin:0 0 8px}

/* haber detay */
.article{background:var(--card);border-radius:var(--radius);padding:28px 34px 34px;box-shadow:0 1px 3px rgba(11,22,48,.08)}
.article.narrow{max-width:820px;margin:0 auto}
.crumbs{font-size:13px;color:var(--muted);font-weight:600}
.article h1{font-size:clamp(26px,3.4vw,40px);line-height:1.15;font-weight:900;letter-spacing:-.025em;margin:12px 0}
.lede{font-size:19px;font-weight:600;color:var(--text2);margin:0 0 16px;line-height:1.5}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.meta span:first-child{color:var(--red);font-weight:700}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}
.share span{font-size:13px;font-weight:700;color:var(--muted)}
.share a{font-size:13px;font-weight:700;color:#fff;padding:6px 12px;border-radius:6px}
.sh-x{background:#000}.sh-fb{background:#1877f2}.sh-wa{background:#25d366}.sh-li{background:#0a66c2}
.hero-img{margin:6px 0 22px;border-radius:var(--radius);overflow:hidden}
.content{font-size:18px;line-height:1.75;color:var(--text)}
.content h2{font-size:23px;font-weight:900;margin:32px 0 10px;letter-spacing:-.01em}
.content a{color:var(--red);font-weight:600}
.content code{font:600 .86em ui-monospace,monospace;background:var(--soft2);color:var(--navy);padding:2px 6px;border-radius:4px}
.content ul{padding-left:22px}.content li{margin:6px 0}
.content blockquote{margin:24px 0;padding:14px 20px;border-left:4px solid var(--red);background:#fdf3f5;border-radius:0 8px 8px 0;font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 18px}
.tag{font-size:13px;font-weight:600;background:var(--soft2);padding:5px 11px;border-radius:20px}
.sources{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px}
.sources h3{margin:0 0 6px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.sources ul{margin:0;padding-left:18px}.sources a{color:var(--red);font-size:15px;word-break:break-word}
.cat-hero{margin-bottom:20px}.cat-hero .ov{aspect-ratio:21/9}
.empty{text-align:center;padding:80px 0}.empty h1{font-size:96px;margin:0;color:var(--red)}

/* marka sayfası */
.brand section{margin-bottom:40px}
.eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
.brand-hero{display:flex;align-items:center;gap:30px;background:var(--navy);color:#fff;border-radius:14px;padding:44px 48px;position:relative;overflow:hidden}
.brand-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(200,16,46,.45),transparent 70%)}
.brand-hero h1{margin:0;font-size:clamp(38px,6vw,68px);font-weight:900;letter-spacing:-.04em;line-height:1}
.brand-hero h1 b{color:#ff3355}.slogan{font-size:22px;color:#c3cbe0;margin:10px 0 0}
.brand-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
.vcard{background:var(--card);border-radius:12px;padding:28px;box-shadow:0 1px 3px rgba(11,22,48,.08)}
.vcard h2{font-size:26px;font-weight:900;line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}
.vcard p{color:var(--text2);margin:0}
.vision{border-top:5px solid var(--red)}
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.value{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(11,22,48,.08)}
.value span{font-weight:900;color:var(--red);font-size:14px}.value h3{margin:6px 0;font-size:18px;font-weight:900}.value p{margin:0;font-size:14px;color:var(--muted)}
.logo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:10px}
.logo-tile{display:flex;align-items:center;justify-content:center;gap:12px;height:150px;border-radius:12px}
.logo-tile .wm{font-size:28px;font-weight:900;letter-spacing:-.03em}.logo-tile .wm b{color:var(--red)}
.logo-tile.light{background:var(--card);box-shadow:0 1px 3px rgba(11,22,48,.08)}
.logo-tile.dark{background:var(--navy);color:#fff}.logo-tile.dark .wm b{color:#ff3355}
.logo-tile.red{background:var(--red);color:#fff}
.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.swatch{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(11,22,48,.08);display:flex;flex-direction:column;padding-bottom:14px}
.swatch i{height:90px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.swatch b,.swatch code,.swatch span{padding:0 16px}.swatch code{color:var(--muted);font-size:13px}.swatch span{font-size:13px;color:var(--muted)}
.type-row,.tone{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.type-row>div,.tone>div{background:var(--card);border-radius:12px;padding:22px;box-shadow:0 1px 3px rgba(11,22,48,.08)}
.t-big{display:block;font-size:64px;font-weight:900;line-height:1;color:var(--navy)}.t-reg{font-weight:400}
.type-row p{margin:4px 0 0;color:var(--muted);font-size:14px}
.tone ul{margin:8px 0 0;padding-left:18px}.tone>div:last-child b{color:var(--red)}

/* altbilgi */
.site-footer{background:var(--navy);color:#aab4c8;padding:40px 0 24px;font-size:14px;border-top:4px solid var(--red)}
.site-footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.site-footer .logo{color:#fff}.site-footer .logo b{color:#ff3355}
.f-slogan{color:#fff;font-weight:700;font-size:16px}
.site-footer p{margin:10px 0 0;max-width:460px}
.site-footer h4{color:#fff;margin:4px 0 10px;font-size:15px}
.site-footer .wrap>div>a:not(.logo){display:block;padding:3px 0}.site-footer a:hover{color:#fff}
.copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:12.5px}

@media (max-width:1100px){.nav a{padding:8px 7px;font-size:13.5px}.values{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){
  .hero,.two-col,.brand-grid{grid-template-columns:1fr}
  .sur{flex-direction:row}.ov-md{aspect-ratio:16/10}
  .grid4{grid-template-columns:repeat(2,1fr)}
  .sidebar{position:static}
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:73px;left:0;right:0;flex-direction:column;background:var(--card);padding:8px 16px 14px;border-bottom:3px solid var(--red);box-shadow:0 10px 20px rgba(11,22,48,.1)}
  .nav-open .nav{display:flex}
  .palette{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .wrap{padding:0 16px}main{padding:14px 16px 40px}
  .logo{font-size:21px}
  .sur,.cat-blocks{flex-direction:column;grid-template-columns:1fr}
  .grid4{grid-template-columns:1fr}
  .ov-xl{aspect-ratio:4/5}.ov-xl p{display:none}.ov-xl .ov-text{padding:18px 18px 50px}
  .sl-dots{left:18px}
  .pulse{flex-wrap:wrap}.pulse-brand{width:100%}.stat{flex:1 1 50%;border-top:1px solid var(--line)}
  .article{padding:18px 16px 22px}
  .topbar .tb-right{display:none}
  .brand-hero{flex-direction:column;align-items:flex-start;padding:28px}
  .values,.logo-row,.type-row,.tone{grid-template-columns:1fr}
  .site-footer .wrap{grid-template-columns:1fr}
}

/* doğrulanmamış iddia */
.claim{display:inline-block;margin-left:6px;background:#111;color:#ffd166;font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:4px;border:1px dashed #ffd166}
.article>.claim{margin:14px 0 0}
.badges{display:flex;flex-wrap:wrap;gap:4px}.badges .claim{margin-left:0}
.claim-box{background:#fff8e6;border:1px solid #f5c451;border-left:5px solid #e0a100;border-radius:8px;padding:12px 16px;margin:0 0 16px;font-size:14.5px;color:#5c4400;line-height:1.55}
.claim-box b{display:block;color:#7a5a00;margin-bottom:2px}

/* tablolar */
.table-wrap{overflow-x:auto;margin:20px 0}
.content table{border-collapse:collapse;width:100%;font-size:15px}
.content th,.content td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.content th{background:var(--navy);color:#fff;font-weight:700}
.content tr:nth-child(even) td{background:var(--soft)}