*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--d1:#07091a;--d2:#0c0f26;--d3:#111832;--d4:#18223f;
--c1:#22d3ee;--c2:#06b6d4;--c3:#0891b2;--c1s:rgba(34,211,238,.15);
--l1:#a3e635;--l2:#84cc16;--l1s:rgba(163,230,53,.13);
--o1:#fb923c;--o2:#f97316;--o1s:rgba(251,146,60,.12);
--t1:#f1f5f9;--t2:#94a3b8;--t3:#64748b;
--br:rgba(34,211,238,.14);--br2:rgba(255,255,255,.07);
--sh:0 2px 16px rgba(0,0,0,.45);--sh2:0 8px 36px rgba(0,0,0,.55);
--shc:0 4px 20px rgba(34,211,238,.2);--shl:0 4px 20px rgba(163,230,53,.18);
--g1:4px;--g2:8px;--g3:14px;--g4:22px;
--z:.22s ease;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--d1);color:var(--t1);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:15.5px;line-height:1.72;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--c1);text-decoration:none;transition:color var(--z)}
a:hover{color:var(--l1)}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--t1)}
h1{font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.03em}
h2{font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.02em}
h3{font-size:clamp(1.18rem,2vw,1.6rem)}
h4{font-size:1.15rem}h5{font-size:1rem}h6{font-size:.9rem}
p{color:var(--t2);margin-bottom:.95rem}p:last-child{margin-bottom:0}
strong{color:var(--t1);font-weight:700}
.sarg{width:100%;max-width:1250px;margin:0 auto;padding:0 24px}
.sarg-dar{width:100%;max-width:800px;margin:0 auto;padding:0 24px}
.blok{padding:76px 0}
.blok-s{padding:48px 0}
.blok-b{padding:116px 0}
.merkez{text-align:center}
.ekran-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.esnek{display:flex}
.esnek-o{align-items:center}
.esnek-m{justify-content:center}
.sarg-f{flex-wrap:wrap}
.g1{gap:6px}.g2{gap:14px}.g3{gap:22px}.g4{gap:34px}
.izg{display:grid;gap:22px}
.izg2{grid-template-columns:repeat(2,1fr)}
.izg3{grid-template-columns:repeat(3,1fr)}
.izg4{grid-template-columns:repeat(4,1fr)}
.u1{margin-top:8px}.u2{margin-top:18px}.u3{margin-top:28px}.u4{margin-top:40px}.u5{margin-top:56px}
.a1{margin-bottom:8px}.a2{margin-bottom:18px}.a3{margin-bottom:28px}.a4{margin-bottom:40px}

.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--g2);font-size:.88rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all var(--z);text-decoration:none;white-space:nowrap;line-height:1;letter-spacing:.01em}
.btn-birincil{background:var(--c1);color:var(--d1);border-color:var(--c1)}
.btn-birincil:hover{background:var(--c2);border-color:var(--c2);color:var(--d1);box-shadow:var(--shc)}
.btn-ikincil{background:transparent;color:var(--c1);border-color:var(--br)}
.btn-ikincil:hover{border-color:var(--c1);background:var(--c1s);color:var(--c1)}
.btn-aksan{background:var(--l1);color:var(--d1);border-color:var(--l1)}
.btn-aksan:hover{background:var(--l2);border-color:var(--l2);color:var(--d1);box-shadow:var(--shl)}
.btn-oranj{background:var(--o1);color:var(--d1);border-color:var(--o1)}
.btn-oranj:hover{background:var(--o2);border-color:var(--o2);color:var(--d1)}
.btn-s{padding:8px 16px;font-size:.8rem}
.btn-b{padding:14px 30px;font-size:.96rem}
.btn i{font-size:.9em}

.rozet{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:5px 13px;border-radius:var(--g2);background:var(--c1s);border:1px solid var(--br);color:var(--c1)}
.rozet-l{background:var(--l1s);border-color:rgba(163,230,53,.2);color:var(--l1)}
.rozet-o{background:var(--o1s);border-color:rgba(251,146,60,.18);color:var(--o1)}
.rozet-grup{display:flex;flex-wrap:wrap;gap:8px}

nav.navigasyon{position:sticky;top:0;z-index:1000;background:rgba(7,9,26,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--br2);transition:background var(--z),box-shadow var(--z)}
nav.navigasyon.kaymis{background:rgba(7,9,26,.97);box-shadow:0 1px 20px rgba(0,0,0,.55)}
.navigasyon-ic{display:flex;align-items:center;justify-content:space-between;height:68px;gap:14px}
.navigasyon-logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.navigasyon-logo img{height:38px;width:auto}
.navigasyon-logo-metin{display:flex;flex-direction:column;line-height:1}
.navigasyon-logo-ust{font-size:1.1rem;font-weight:900;color:var(--c1);letter-spacing:-.02em}
.navigasyon-logo-alt{font-size:.65rem;color:var(--t3);letter-spacing:.09em;text-transform:uppercase;font-weight:500}
.navigasyon-liste{display:flex;align-items:center;gap:2px}
.navigasyon-liste a{color:var(--t2);padding:7px 12px;border-radius:var(--g2);font-size:.875rem;font-weight:500;transition:all var(--z);position:relative}
.navigasyon-liste a:hover,.navigasyon-liste a.aktif{color:var(--c1);background:var(--c1s)}
.navigasyon-liste a.aktif::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:18px;height:2px;background:var(--c1);border-radius:1px}
.navigasyon-saglar{display:flex;align-items:center;gap:10px;flex-shrink:0}
.navigasyon-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--c1);color:var(--d1);border-radius:var(--g2);font-size:.84rem;font-weight:800;transition:all var(--z)}
.navigasyon-cta:hover{background:var(--c2);color:var(--d1);box-shadow:var(--shc)}
.hamburger-dugme{display:none;flex-direction:column;gap:4px;justify-content:center;cursor:pointer;background:none;border:none;padding:7px;border-radius:var(--g2)}
.hamburger-dugme span{display:block;width:22px;height:2px;background:var(--t1);border-radius:1px;transition:all var(--z)}
.hamburger-dugme.acik span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hamburger-dugme.acik span:nth-child(2){opacity:0}
.hamburger-dugme.acik span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.acilir{position:relative}
.acilir>a{display:flex;align-items:center;gap:4px}
.acilir>a::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.72em;transition:transform var(--z)}
.acilir:hover>a::after{transform:rotate(180deg)}
.acilir-icerik{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:215px;background:var(--d3);border:1px solid var(--br);border-radius:var(--g3);padding:6px;box-shadow:var(--sh2);opacity:0;visibility:hidden;pointer-events:none;transition:all var(--z)}
.acilir:hover .acilir-icerik{opacity:1;visibility:visible;pointer-events:auto}
.acilir-icerik a{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:var(--g2);color:var(--t2);font-size:.84rem;transition:all var(--z)}
.acilir-icerik a:hover{color:var(--c1);background:var(--c1s)}
.acilir-icerik a i{color:var(--c1);width:15px;text-align:center;font-size:.9rem}

.mobil-panel{position:fixed;inset:68px 0 0 0;background:var(--d1);z-index:999;padding:22px 20px;overflow-y:auto;transform:translateX(110%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.mobil-panel.acik{transform:translateX(0)}
.mobil-panel a{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--g3);color:var(--t2);font-size:.95rem;font-weight:500;border-bottom:1px solid var(--br2);transition:all var(--z)}
.mobil-panel a:hover,.mobil-panel a.aktif{color:var(--c1);background:var(--c1s)}
.mobil-panel a i{color:var(--c1);width:18px;font-size:.88rem;text-align:center}
.mobil-cta{display:flex;justify-content:center;margin-top:20px}
.mobil-cta a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--c1);color:var(--d1);border-radius:var(--g3);font-weight:800;font-size:.95rem}

.vitrin{position:relative;background:var(--d1);overflow:hidden;padding:100px 0 80px;border-bottom:1px solid var(--br2)}
.vitrin-katman{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.vitrin-katman::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.09),transparent 65%);top:-200px;right:-150px}
.vitrin-katman::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(163,230,53,.06),transparent 65%);bottom:-100px;left:-80px}
.vitrin-ic{position:relative;z-index:1;max-width:800px}
.vitrin-rozet{margin-bottom:24px}
.vitrin h1{margin-bottom:20px}
.vitrin h1 span.vurgu-siyan{color:var(--c1)}
.vitrin h1 span.vurgu-limon{color:var(--l1)}
.vitrin-aciklama{font-size:1.1rem;color:var(--t2);max-width:620px;margin-bottom:34px;line-height:1.8}
.vitrin-butonlar{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.vitrin-sayilar{display:flex;gap:0;margin-top:64px;padding-top:36px;border-top:1px solid var(--br2);flex-wrap:wrap}
.vitrin-sayac{padding:0 40px 0 0;border-right:1px solid var(--br2);margin-right:40px}
.vitrin-sayac:last-child{border-right:none;margin-right:0}
.vitrin-sayac-sayi{font-size:2.4rem;font-weight:900;color:var(--c1);line-height:1;letter-spacing:-.04em;display:block}
.vitrin-sayac-etiket{font-size:.78rem;color:var(--t3);margin-top:6px;text-transform:uppercase;letter-spacing:.08em}
.vitrin-gorsel{position:relative;z-index:1;flex-shrink:0}
.vitrin-gorsel img{border-radius:var(--g4);border:1px solid var(--br2);box-shadow:var(--shc)}

.panel{background:var(--d3);border:1px solid var(--br2);border-radius:var(--g3);overflow:hidden;transition:border-color var(--z),box-shadow var(--z);position:relative}
.panel:hover{border-color:var(--br);box-shadow:var(--shc)}
.panel-govde{padding:26px 28px}
.panel-ikon{width:48px;height:48px;border-radius:var(--g2);background:var(--c1s);border:1px solid var(--br);display:flex;align-items:center;justify-content:center;color:var(--c1);font-size:1.25rem;margin-bottom:18px}
.panel-ikon-l{background:var(--l1s);border-color:rgba(163,230,53,.18);color:var(--l1)}
.panel-ikon-o{background:var(--o1s);border-color:rgba(251,146,60,.15);color:var(--o1)}
.panel-baslik{font-size:1.05rem;font-weight:700;margin-bottom:9px}
.panel-metin{color:var(--t2);font-size:.88rem;line-height:1.67}
.panel-bant{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c1),var(--l1))}
.panel-baglanti{display:inline-flex;align-items:center;gap:5px;color:var(--c1);font-size:.84rem;font-weight:700;margin-top:14px;transition:all var(--z)}
.panel-baglanti:hover{color:var(--l1);gap:9px}

.oyun-karti{background:var(--d3);border:1px solid var(--br2);border-radius:var(--g3);overflow:hidden;transition:border-color var(--z),box-shadow var(--z)}
.oyun-karti:hover{border-color:var(--br);box-shadow:var(--shc)}
.oyun-karti img{width:100%;height:195px;object-fit:cover;transition:transform .4s ease,filter .25s ease}
.oyun-karti:hover img{transform:scale(1.04);filter:brightness(.8)}
.oyun-karti-etiket{position:absolute;top:12px;left:12px;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:var(--g4);text-transform:uppercase;letter-spacing:.05em}
.etiket-siyan{background:var(--c1);color:var(--d1)}
.etiket-limon{background:var(--l1);color:var(--d1)}
.oyun-karti-govde{padding:20px 22px}
.oyun-karti-ad{font-size:1rem;font-weight:700;margin-bottom:7px}
.oyun-karti-tanim{font-size:.85rem;color:var(--t2);margin-bottom:12px;line-height:1.6}
.oyun-karti-bilgi{display:flex;gap:14px;font-size:.78rem;color:var(--t3)}
.oyun-karti-bilgi i{color:var(--c1);margin-right:3px}

.makale-karti{display:grid;grid-template-columns:260px 1fr;background:var(--d3);border:1px solid var(--br2);border-radius:var(--g3);overflow:hidden;transition:border-color var(--z),box-shadow var(--z)}
.makale-karti:hover{border-color:var(--br);box-shadow:var(--sh)}
.makale-karti-gorsel{position:relative;overflow:hidden}
.makale-karti-gorsel img{width:100%;height:100%;object-fit:cover;min-height:180px;transition:transform .4s ease}
.makale-karti:hover .makale-karti-gorsel img{transform:scale(1.05)}
.makale-karti-kategori{position:absolute;top:12px;left:12px;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:var(--g2);text-transform:uppercase;letter-spacing:.05em;background:var(--d1);border:1px solid var(--br);color:var(--c1)}
.makale-karti-icerik{padding:24px 28px;display:flex;flex-direction:column;justify-content:center}
.makale-karti-meta{display:flex;align-items:center;gap:16px;font-size:.78rem;color:var(--t3);margin-bottom:10px}
.makale-karti-meta i{color:var(--c1);margin-right:3px}
.makale-karti-baslik{font-size:1.1rem;font-weight:700;color:var(--t1);line-height:1.35;margin-bottom:10px;transition:color var(--z)}
.makale-karti:hover .makale-karti-baslik{color:var(--c1)}
.makale-karti-ozet{font-size:.87rem;color:var(--t2);line-height:1.65;margin-bottom:16px}
.makale-karti-alt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.makale-oku{display:inline-flex;align-items:center;gap:6px;color:var(--c1);font-size:.83rem;font-weight:700;transition:all var(--z)}
.makale-oku:hover{color:var(--l1);gap:10px}

.istatistik-serit{background:var(--d2);border-top:1px solid var(--br2);border-bottom:1px solid var(--br2);padding:52px 0}
.istatistik-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.istatistik-item{text-align:center}
.istatistik-ikon{font-size:1.6rem;color:var(--c1);margin-bottom:12px}
.istatistik-ikon.l{color:var(--l1)}
.istatistik-sayi{font-size:2.6rem;font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--t1);display:block}
.istatistik-etk{font-size:.8rem;color:var(--t3);margin-top:6px;display:block;text-transform:uppercase;letter-spacing:.07em}

.sekme-sistemi{}
.sekme-liste{display:flex;gap:4px;margin-bottom:0;border-bottom:2px solid var(--br2);padding-bottom:0;flex-wrap:wrap}
.sekme-btn{background:none;border:none;cursor:pointer;padding:12px 20px;color:var(--t2);font-size:.9rem;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--z);display:flex;align-items:center;gap:8px;border-radius:var(--g2) var(--g2) 0 0}
.sekme-btn:hover{color:var(--c1)}
.sekme-btn.aktif{color:var(--c1);border-bottom-color:var(--c1);background:var(--c1s)}
.sekme-btn i{font-size:.85em}
.sekme-paneller{padding-top:28px}
.sekme-panel{display:none}
.sekme-panel.gorsel{display:block}
.sekme-soru{background:var(--d3);border:1px solid var(--br2);border-radius:var(--g3);padding:22px 26px;margin-bottom:14px;transition:border-color var(--z)}
.sekme-soru:last-child{margin-bottom:0}
.sekme-soru:hover{border-color:var(--br)}
.sekme-soru-s{font-size:1rem;font-weight:700;color:var(--c1);margin-bottom:10px;display:flex;align-items:flex-start;gap:10px}
.sekme-soru-s::before{content:'\f059';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.9em;flex-shrink:0;margin-top:2px}
.sekme-soru-c{color:var(--t2);font-size:.9rem;line-height:1.72;padding-left:26px}
.sekme-soru-c ul{margin:8px 0 0 16px;list-style:none}
.sekme-soru-c ul li{padding-left:14px;position:relative;margin-bottom:5px;font-size:.88rem}
.sekme-soru-c ul li::before{content:'—';position:absolute;left:0;color:var(--c1)}
.sekme-soru-c a{color:var(--c1);text-decoration:underline;text-decoration-color:rgba(34,211,238,.3)}

.kavram-sutun{}
.kavram-harf{font-size:1.8rem;font-weight:900;color:var(--c1);border-bottom:2px solid var(--br);padding-bottom:10px;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.kavram-harf::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,var(--br),transparent)}
.kavram-madde{padding:16px 20px;border-left:3px solid var(--c1);background:var(--d3);border-radius:0 var(--g2) var(--g2) 0;margin-bottom:10px;transition:border-color var(--z)}
.kavram-madde:hover{border-left-color:var(--l1)}
.kavram-terim{font-size:.93rem;font-weight:700;color:var(--t1);margin-bottom:5px}
.kavram-anlam{font-size:.85rem;color:var(--t2);line-height:1.62}

.medya-duvar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.medya-ogesi{border-radius:var(--g2);overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--br2);transition:border-color var(--z)}
.medya-ogesi img{width:100%;height:180px;object-fit:cover;transition:transform .4s ease,filter .25s ease;display:block}
.medya-ogesi:hover{border-color:var(--c1)}
.medya-ogesi:hover img{transform:scale(1.07);filter:brightness(.65)}
.medya-ustu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:10px;opacity:0;transition:opacity var(--z)}
.medya-ogesi:hover .medya-ustu{opacity:1}
.medya-ustu i{font-size:1.1rem;color:#fff;background:rgba(34,211,238,.8);padding:6px 8px;border-radius:var(--g2)}
.medya-ogesi.buyuk{grid-column:span 2;grid-row:span 2}
.medya-ogesi.buyuk img{height:100%}
.medya-etiket{position:absolute;bottom:10px;left:10px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:var(--g2);background:rgba(7,9,26,.8);border:1px solid var(--br);color:var(--c1);letter-spacing:.04em}

.makale-ic{}
.makale-ic img.kapak{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--g3);border:1px solid var(--br2);margin-bottom:36px}
.makale-govde{color:var(--t2);font-size:.97rem;line-height:1.84}
.makale-govde h2{color:var(--t1);font-size:1.5rem;margin:34px 0 14px;display:flex;align-items:center;gap:12px}
.makale-govde h2::before{content:'';display:block;width:4px;height:24px;background:var(--c1);border-radius:2px;flex-shrink:0}
.makale-govde h3{color:var(--c1);font-size:1.18rem;margin:26px 0 10px;font-weight:700}
.makale-govde h4{color:var(--t1);font-size:1rem;margin:18px 0 7px;font-weight:700}
.makale-govde p{margin-bottom:18px}
.makale-govde ul{margin:12px 0 18px 20px;list-style:none}
.makale-govde ul li{position:relative;padding-left:20px;margin-bottom:7px;color:var(--t2);font-size:.94rem}
.makale-govde ul li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:2px;background:var(--c1);border-radius:1px}
.makale-govde ol{margin:12px 0 18px 24px;list-style:decimal}
.makale-govde ol li{margin-bottom:8px;color:var(--t2)}
.makale-govde blockquote{border-left:3px solid var(--l1);padding:14px 22px;background:var(--l1s);border-radius:0 var(--g2) var(--g2) 0;margin:22px 0}
.makale-govde blockquote p{margin-bottom:0;color:var(--t1);font-style:italic;font-size:.95rem}
.makale-govde strong{color:var(--t1)}
.makale-govde a{color:var(--c1);text-decoration:underline;text-decoration-color:rgba(34,211,238,.3)}
.bilgi-kutusu{background:var(--c1s);border:1px solid var(--br);border-radius:var(--g2);padding:16px 20px;display:flex;gap:12px;margin:20px 0}
.bilgi-kutusu i{color:var(--c1);font-size:1rem;margin-top:2px;flex-shrink:0}
.bilgi-kutusu p{margin-bottom:0;font-size:.87rem}

.sayfa-baslik{background:linear-gradient(170deg,var(--d2) 0%,var(--d1) 100%);padding:60px 0 44px;border-bottom:1px solid var(--br2);position:relative;overflow:hidden}
.sayfa-baslik::after{content:'';position:absolute;top:0;right:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.07),transparent 65%);pointer-events:none}
.sayfa-baslik-ic{position:relative;z-index:1}
.sayfa-baslik h1{margin-bottom:10px}
.sayfa-baslik p{font-size:1rem;color:var(--t2);max-width:560px}
.yol-izi{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--t3);margin-bottom:14px;flex-wrap:wrap}
.yol-izi a{color:var(--t3);transition:color var(--z)}
.yol-izi a:hover{color:var(--c1)}
.yol-izi span{font-size:.65em;opacity:.6}

.bolum-baslik{margin-bottom:50px}
.bolum-baslik.merkez{text-align:center}
.bolum-baslik.merkez .bolum-tanim{margin:0 auto}
.bolum-baslik h2{margin-bottom:10px}
.bolum-tanim{color:var(--t2);font-size:.96rem;max-width:560px;margin-top:8px}

.adimlar{display:flex;flex-direction:column;gap:0}
.adim{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--br2);align-items:flex-start}
.adim:last-child{border-bottom:none}
.adim-no{width:42px;height:42px;min-width:42px;border-radius:50%;border:2px solid var(--c1);display:flex;align-items:center;justify-content:center;color:var(--c1);font-weight:900;font-size:.9rem;flex-shrink:0;background:var(--c1s)}
.adim-govde h4{margin-bottom:7px}
.adim-govde p{font-size:.88rem;margin-bottom:0}

.veri-tablosu table{width:100%;border-collapse:collapse}
.veri-tablosu table th{background:var(--d3);color:var(--c1);font-weight:700;padding:12px 16px;text-align:left;border-bottom:2px solid var(--br);font-size:.84rem;letter-spacing:.04em;text-transform:uppercase}
.veri-tablosu table td{padding:12px 16px;border-bottom:1px solid var(--br2);color:var(--t2);font-size:.87rem;vertical-align:top}
.veri-tablosu table tr:last-child td{border-bottom:none}
.veri-tablosu table tr:hover td{background:rgba(34,211,238,.03)}
.ic-evet{color:#4ade80}
.ic-hayir{color:#f87171}

.iletisim-grup{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
.bilgi-satiri{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--br2)}
.bilgi-satiri:last-child{border-bottom:none}
.bilgi-ikon{width:42px;height:42px;min-width:42px;border-radius:var(--g2);background:var(--c1s);border:1px solid var(--br);display:flex;align-items:center;justify-content:center;color:var(--c1);font-size:.95rem}
.bilgi-baslik{font-weight:700;color:var(--t1);margin-bottom:3px;font-size:.9rem}
.bilgi-deger{color:var(--t2);font-size:.87rem}
.harita-sarici{border-radius:var(--g3);overflow:hidden;border:1px solid var(--br2);margin-top:26px}
.harita-sarici iframe{display:block;width:100%;height:260px;border:none}
.iletisim-kutu{background:var(--d3);border:1px solid var(--br2);border-radius:var(--g3);padding:30px}

.sosyal-satir{display:flex;gap:10px;flex-wrap:wrap}
.sosyal-btn{width:40px;height:40px;border-radius:var(--g2);border:1px solid var(--br2);display:flex;align-items:center;justify-content:center;color:var(--t2);transition:all var(--z)}
.sosyal-btn:hover{background:var(--c1);border-color:var(--c1);color:var(--d1)}

footer.alt-bolum{background:var(--d2);border-top:1px solid var(--br2);padding:64px 0 0}
.alt-ust{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:44px;border-bottom:1px solid var(--br2)}
.alt-sol{}
.alt-logo-satir{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:14px}
.alt-logo-satir img{height:34px}
.alt-logo-satir .alt-logo-ust{font-size:1.1rem;font-weight:900;color:var(--c1)}
.alt-logo-satir .alt-logo-alt{font-size:.62rem;color:var(--t3);text-transform:uppercase;letter-spacing:.09em}
.alt-tanim{color:var(--t2);font-size:.87rem;line-height:1.72;max-width:340px;margin-bottom:20px}
.alt-sag{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.alt-sutun-baslik{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--c1);margin-bottom:16px}
.alt-linkler{display:flex;flex-direction:column;gap:9px}
.alt-linkler a{color:var(--t2);font-size:.85rem;transition:color var(--z);display:flex;align-items:center;gap:6px}
.alt-linkler a::before{content:'›';color:var(--l1);font-weight:900;font-size:1.1em}
.alt-linkler a:hover{color:var(--c1)}
.alt-alt{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.alt-telif{font-size:.79rem;color:var(--t3)}
.alt-yasal-liste{display:flex;gap:18px;flex-wrap:wrap}
.alt-yasal-liste a{font-size:.77rem;color:var(--t3);transition:color var(--z)}
.alt-yasal-liste a:hover{color:var(--c1)}

.sayfa-404{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:var(--d1);position:relative;overflow:hidden}
.sayfa-404::before{content:'404';position:absolute;font-size:clamp(9rem,22vw,20rem);font-weight:900;color:rgba(34,211,238,.03);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;letter-spacing:-.08em}
.sayfa-404-ic{position:relative;z-index:1;text-align:center}
.sayfa-404-sayi{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}
.sayfa-404-sayi span{font-size:clamp(4rem,12vw,9rem);font-weight:900;line-height:1;letter-spacing:-.06em}
.sayfa-404-sayi span:nth-child(1){color:var(--c1)}
.sayfa-404-sayi span:nth-child(2){color:var(--l1)}
.sayfa-404-sayi span:nth-child(3){color:var(--o1)}
.sayfa-404-baslik{font-size:clamp(1.4rem,3.5vw,2rem);margin-bottom:14px}
.sayfa-404-metin{color:var(--t2);margin-bottom:32px;font-size:.98rem;max-width:480px;margin-left:auto;margin-right:auto}
.sayfa-404-butonlar{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

.yasal-ic{color:var(--t2);line-height:1.82;font-size:.94rem}
.yasal-ic h2{color:var(--t1);font-size:1.25rem;margin:30px 0 12px;display:flex;align-items:center;gap:10px}
.yasal-ic h2::before{content:'';display:block;width:3px;height:18px;background:var(--c1);border-radius:1px;flex-shrink:0}
.yasal-ic h3{color:var(--c1);font-size:1rem;margin:20px 0 8px;font-weight:700}
.yasal-ic p{margin-bottom:13px}
.yasal-ic ul{margin:10px 0 14px 20px;list-style:none}
.yasal-ic ul li{position:relative;padding-left:18px;margin-bottom:5px}
.yasal-ic ul li::before{content:'›';position:absolute;left:0;color:var(--c1);font-weight:900}
.yasal-ic a{color:var(--c1)}

.yukari-btn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--c1);border:none;color:var(--d1);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shc);transition:all var(--z);opacity:0;visibility:hidden;z-index:997}
.yukari-btn.goster{opacity:1;visibility:visible}
.yukari-btn:hover{background:var(--c2);transform:translateY(-3px)}

.cagri-alani{background:var(--d2);padding:76px 0;position:relative;overflow:hidden;border-top:1px solid var(--br2);border-bottom:1px solid var(--br2)}
.cagri-alani::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(34,211,238,.08),transparent 60%)}
.cagri-alani-ic{position:relative;z-index:1;text-align:center;max-width:640px;margin:0 auto}
.cagri-alani-ic h2{margin-bottom:12px}
.cagri-alani-ic p{font-size:.98rem;margin-bottom:30px}
.cagri-alani-butonlar{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}

@keyframes belir{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.animasyon{animation:belir .5s ease both}
.g-01{animation-delay:.06s}.g-02{animation-delay:.12s}.g-03{animation-delay:.18s}.g-04{animation-delay:.24s}

@media(max-width:1100px){
  .alt-ust{gap:32px}
  .medya-duvar{grid-template-columns:repeat(3,1fr)}
  .medya-ogesi.buyuk{grid-column:span 2;grid-row:span 1}
}
@media(max-width:992px){
  .blok{padding:58px 0}
  .vitrin{padding:80px 0 60px}
  .istatistik-izgara{grid-template-columns:repeat(2,1fr);gap:24px}
  .izg3{grid-template-columns:repeat(2,1fr)}
  .izg4{grid-template-columns:repeat(2,1fr)}
  .izg2{grid-template-columns:1fr}
  .makale-karti{grid-template-columns:1fr}
  .makale-karti-gorsel img{min-height:200px;height:200px}
  .iletisim-grup{grid-template-columns:1fr}
  .medya-duvar{grid-template-columns:repeat(2,1fr)}
  .medya-ogesi.buyuk{grid-column:auto;grid-row:auto}
  .alt-ust{grid-template-columns:1fr}
  .alt-sag{grid-template-columns:1fr 1fr}
  .vitrin-sayilar{gap:0}
  .vitrin-sayac{padding:0 28px 0 0;margin-right:28px}
}
@media(max-width:768px){
  .navigasyon-liste,.navigasyon-cta{display:none}
  .hamburger-dugme{display:flex}
  .vitrin-sayilar{flex-wrap:wrap;row-gap:20px}
  .vitrin-sayac{border-right:none;margin-right:0;padding-right:0;min-width:50%}
  .istatistik-izgara{grid-template-columns:repeat(2,1fr)}
  .alt-alt{flex-direction:column;text-align:center}
  .bolum-baslik{margin-bottom:36px}
}
@media(max-width:576px){
  .sarg{padding:0 16px}
  .vitrin h1{font-size:1.85rem}
  .vitrin-aciklama{font-size:1rem}
  .vitrin-butonlar{flex-direction:column;align-items:flex-start}
  .izg2,.izg3,.izg4{grid-template-columns:1fr}
  .medya-duvar{grid-template-columns:repeat(2,1fr)}
  .sekme-liste{gap:2px}
  .sekme-btn{padding:10px 14px;font-size:.82rem}
  .blok{padding:46px 0}
  .sayfa-baslik{padding:46px 0 32px}
  .makale-karti-icerik{padding:18px 20px}
}