:root{--yesil-derin:#0c2218;--yesil-orta:#163d28;--yesil-panel:#1a4a30;--turuncu:#f97316;--turuncu-parlak:#fb923c;--turuncu-koyu:#ea6a0a;--lime:#86efac;--lime-soluk:#d1fae5;--arka-plan:#f7faf4;--arka-karti:#ffffff;--arka-bant:#edf5e9;--sinir:#dce8d5;--sinir-koyu:#c4d9ba;--metin-ana:#1a2e20;--metin-ikinci:#4a6356;--metin-soluk:#7d9e8c;--beyaz:#ffffff;--golge-ince:0 1px 4px rgba(12,34,24,.06);--golge-orta:0 4px 18px rgba(12,34,24,.1);--golge-derin:0 12px 40px rgba(12,34,24,.14);--golge-kahraman:0 24px 64px rgba(12,34,24,.18);--gecis:all .24s cubic-bezier(.4,0,.2,1);--kose:6px;--kose-orta:14px;--kose-buyuk:24px;--kose-tam:999px;--font:'Space Grotesk',sans-serif;--kap:1200px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--arka-plan);color:var(--metin-ana);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--turuncu);text-decoration:none;transition:var(--gecis)}
a:hover{color:var(--turuncu-koyu)}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:var(--font)}
.kap{max-width:var(--kap);margin:0 auto;padding:0 24px}
.bolum{padding:88px 0}
.bolum-bant{background:var(--arka-bant)}
.bolum-koyu{background:var(--yesil-derin);color:var(--beyaz)}
.bolum-yesil{background:var(--yesil-orta);color:var(--beyaz)}
.gizli-erisim{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.etiket{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;padding:5px 13px;border-radius:var(--kose-tam);text-transform:uppercase;letter-spacing:.6px}
.etiket-turuncu{background:rgba(249,115,22,.12);color:var(--turuncu);border:1px solid rgba(249,115,22,.22)}
.etiket-yesil{background:rgba(134,239,172,.18);color:#16a34a;border:1px solid rgba(134,239,172,.3)}
.etiket-beyaz{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22)}
.dugme{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border-radius:var(--kose);font-size:.92rem;font-weight:700;transition:var(--gecis);white-space:nowrap;line-height:1}
.dugme-turuncu{background:var(--turuncu);color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.35)}
.dugme-turuncu:hover{background:var(--turuncu-koyu);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.42)}
.dugme-cerceve{background:transparent;color:var(--turuncu);border:2px solid var(--turuncu)}
.dugme-cerceve:hover{background:var(--turuncu);color:#fff}
.dugme-koyu{background:var(--yesil-derin);color:#fff}
.dugme-koyu:hover{background:var(--yesil-orta);color:#fff;transform:translateY(-2px)}
.dugme-beyaz{background:#fff;color:var(--yesil-derin)}
.dugme-beyaz:hover{background:var(--lime);color:var(--yesil-derin);transform:translateY(-2px)}
.dugme-iri{padding:16px 36px;font-size:1rem}
.dugme-kucuk{padding:8px 18px;font-size:.82rem}
.baslik-ana{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.22;letter-spacing:-.3px}
.baslik-bolum{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.28;color:var(--metin-ana)}
.baslik-alt{font-size:1.1rem;font-weight:700;color:var(--metin-ana)}
.aciklama{font-size:1rem;color:var(--metin-ikinci);line-height:1.8}
.merkez{text-align:center}
.bolum-ust{text-align:center;margin-bottom:60px}
.bolum-ust .baslik-bolum{margin:12px 0 16px}
.bolum-ust .aciklama{max-width:580px;margin:0 auto}
.icerik-uc{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.icerik-iki{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.icerik-dort{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dikey-orta{align-items:center}
.bosluk-ust-kucuk{margin-top:16px}
.bosluk-ust-orta{margin-top:28px}
.bosluk-ust-buyuk{margin-top:44px}

/* ===== ÜST BAR + NAV ===== */
#site-basi{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(12,34,24,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(134,239,172,.1);transition:var(--gecis)}
#site-basi.kaydi{box-shadow:0 4px 20px rgba(0,0,0,.35)}
.nav-ic{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.site-amblem{display:flex;align-items:center;gap:10px;text-decoration:none}
.site-amblem img{height:42px;width:auto}
.site-amblem-yazi{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.4px}
.site-amblem-yazi em{color:var(--turuncu);font-style:normal}
.ana-menu{display:flex;align-items:center;gap:2px}
.ana-menu a{color:rgba(255,255,255,.8);font-size:.86rem;font-weight:500;padding:8px 13px;border-radius:var(--kose);transition:var(--gecis)}
.ana-menu a:hover,.ana-menu a.aktif{color:#fff;background:rgba(255,255,255,.08)}
.menu-giris-btn{background:var(--turuncu)!important;color:#fff!important;font-weight:700!important;border-radius:var(--kose-tam)!important;padding:8px 20px!important}
.menu-giris-btn:hover{background:var(--turuncu-koyu)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,.4)}
.hamburger-btn{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;z-index:1002}
.hamburger-btn span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:var(--gecis)}
.hamburger-btn.acik span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger-btn.acik span:nth-child(2){opacity:0;transform:translateX(-8px)}
.hamburger-btn.acik span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobil-menu{display:none;position:fixed;inset:0;background:rgba(8,22,14,.97);backdrop-filter:blur(18px);z-index:1001;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:80px 24px 40px}
.mobil-menu.acik{display:flex}
.mobil-menu a{color:#fff;font-size:1.1rem;font-weight:600;padding:13px 28px;border-radius:var(--kose-orta);width:100%;max-width:300px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:var(--gecis)}
.mobil-menu a:hover{background:rgba(249,115,22,.12);border-color:var(--turuncu);color:var(--turuncu)}
.mobil-menu .menu-giris-btn{background:var(--turuncu)!important;border-color:transparent!important}

/* ===== KAHRAMAN (HERO) ===== */
.kahraman{min-height:640px;padding-top:68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;position:relative;background:linear-gradient(160deg,var(--yesil-derin) 0%,var(--yesil-orta) 60%,#0f3a22 100%)}
.kahraman::after{content:'';position:absolute;right:-120px;top:-80px;width:560px;height:560px;border-radius:50%;background:rgba(249,115,22,.07);pointer-events:none}
.kahraman-metin{position:relative;z-index:1;padding:60px 0 60px 0}
.kahraman-amblem{display:inline-flex;align-items:center;gap:8px;background:rgba(134,239,172,.1);border:1px solid rgba(134,239,172,.25);color:var(--lime);font-size:.76rem;font-weight:700;padding:6px 14px;border-radius:var(--kose-tam);margin-bottom:22px;text-transform:uppercase;letter-spacing:.7px}
.kahraman h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;line-height:1.18;margin-bottom:20px;letter-spacing:-.5px}
.kahraman h1 mark{background:none;color:var(--turuncu);font-style:normal}
.kahraman-aciklama{font-size:1.08rem;color:rgba(255,255,255,.78);line-height:1.82;margin-bottom:32px;max-width:480px}
.kahraman-aksiyonlar{display:flex;gap:14px;flex-wrap:wrap}
.kahraman-sag{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:60px 0}
.kahraman-gorseli{border-radius:var(--kose-buyuk);overflow:hidden;box-shadow:var(--golge-kahraman);position:relative}
.kahraman-gorseli img{width:100%;max-width:520px;height:auto;display:block}
.kahraman-rozet{position:absolute;bottom:-16px;left:-20px;background:var(--turuncu);color:#fff;border-radius:var(--kose-orta);padding:14px 20px;font-size:.82rem;font-weight:800;box-shadow:0 8px 24px rgba(249,115,22,.4);line-height:1.3;white-space:nowrap}
.kahraman-rozet strong{display:block;font-size:1.4rem;line-height:1}
.kahraman-sayilar{display:flex;gap:36px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.kahraman-sayi span{font-size:1.6rem;font-weight:800;color:var(--turuncu);display:block;line-height:1}
.kahraman-sayi small{font-size:.76rem;color:rgba(255,255,255,.55);margin-top:3px;display:block}

/* ===== ÖZELLİK KUTULARI ===== */
.bilgi-kutusu{background:var(--arka-karti);border-radius:var(--kose-orta);padding:28px;border:1px solid var(--sinir);border-left:4px solid var(--turuncu);transition:var(--gecis)}
.bilgi-kutusu:hover{transform:translateX(4px);border-left-color:var(--turuncu-koyu);box-shadow:var(--golge-orta)}
.bilgi-kutusu-ikon{font-size:1.6rem;color:var(--turuncu);margin-bottom:14px}
.bilgi-kutusu h3{font-size:1rem;font-weight:700;color:var(--metin-ana);margin-bottom:8px}
.bilgi-kutusu p{font-size:.875rem;color:var(--metin-ikinci);line-height:1.72}
.bilgi-kutusu-koyu{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);border-left-color:var(--turuncu)}
.bilgi-kutusu-koyu h3{color:#fff}
.bilgi-kutusu-koyu p{color:rgba(255,255,255,.7)}
.bilgi-kutusu-koyu:hover{background:rgba(255,255,255,.09)}

/* ===== OYUN KARTLARı ===== */
.oyun-karti{background:var(--arka-karti);border:1px solid var(--sinir);border-radius:var(--kose-orta);overflow:hidden;transition:var(--gecis);display:flex;flex-direction:column}
.oyun-karti:hover{box-shadow:var(--golge-derin);transform:translateY(-5px);border-color:var(--turuncu)}
.oyun-karti-resim{position:relative;overflow:hidden}
.oyun-karti-resim img{width:100%;height:200px;object-fit:cover;transition:transform .45s ease}
.oyun-karti:hover .oyun-karti-resim img{transform:scale(1.07)}
.oyun-karti-tip{position:absolute;top:10px;right:10px;background:var(--turuncu);color:#fff;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:var(--kose-tam);text-transform:uppercase;letter-spacing:.4px}
.oyun-karti-govde{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.oyun-karti-govde h3{font-size:.97rem;font-weight:700;color:var(--metin-ana);margin-bottom:7px;line-height:1.35}
.oyun-karti-govde p{font-size:.845rem;color:var(--metin-ikinci);line-height:1.65;flex:1;margin-bottom:14px}
.oyun-karti-etiketler{display:flex;gap:6px;flex-wrap:wrap}
.oyun-etiket{display:inline-flex;align-items:center;gap:4px;background:var(--arka-bant);color:var(--metin-ikinci);font-size:.74rem;font-weight:600;padding:3px 9px;border-radius:var(--kose-tam);border:1px solid var(--sinir)}

/* ===== YAZI KARTLARı ===== */
.yazi-karti{background:var(--arka-karti);border-radius:var(--kose-orta);overflow:hidden;border:1px solid var(--sinir);transition:var(--gecis)}
.yazi-karti:hover{box-shadow:var(--golge-orta);border-color:var(--sinir-koyu)}
.yazi-karti-resim img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease}
.yazi-karti:hover .yazi-karti-resim img{transform:scale(1.04)}
.yazi-karti-govde{padding:22px}
.yazi-karti-ust{display:flex;align-items:center;gap:12px;margin-bottom:11px;flex-wrap:wrap}
.yazi-tur{background:rgba(249,115,22,.1);color:var(--turuncu);font-size:.73rem;font-weight:700;padding:3px 10px;border-radius:var(--kose-tam);text-transform:uppercase}
.yazi-tarih{color:var(--metin-soluk);font-size:.78rem;display:flex;align-items:center;gap:4px}
.yazi-karti-govde h3{font-size:.97rem;font-weight:700;color:var(--metin-ana);margin-bottom:9px;line-height:1.38}
.yazi-karti-govde h3 a{color:inherit;transition:var(--gecis)}
.yazi-karti-govde h3 a:hover{color:var(--turuncu)}
.yazi-karti-govde p{font-size:.855rem;color:var(--metin-ikinci);line-height:1.68;margin-bottom:16px}
.devam-oku{display:inline-flex;align-items:center;gap:5px;color:var(--turuncu);font-size:.83rem;font-weight:700;transition:var(--gecis)}
.devam-oku:hover{gap:9px;color:var(--turuncu-koyu)}

/* ===== DİKEY ADIMLAR (Timeline) ===== */
.adim-listesi{display:flex;flex-direction:column;gap:0;position:relative;padding-left:52px}
.adim-listesi::before{content:'';position:absolute;left:20px;top:12px;bottom:12px;width:2px;background:linear-gradient(to bottom,var(--turuncu),rgba(249,115,22,.15))}
.adim-blok{position:relative;padding:0 0 36px 28px}
.adim-blok:last-child{padding-bottom:0}
.adim-no{position:absolute;left:-40px;top:0;width:38px;height:38px;background:var(--turuncu);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;box-shadow:0 4px 12px rgba(249,115,22,.35);z-index:1}
.adim-blok h4{font-size:1.02rem;font-weight:700;color:var(--metin-ana);margin-bottom:6px}
.adim-blok p{font-size:.885rem;color:var(--metin-ikinci);line-height:1.72}
.adim-listesi-koyu .adim-blok h4{color:#fff}
.adim-listesi-koyu .adim-blok p{color:rgba(255,255,255,.68)}

/* ===== SORU BLOKLARI (FAQ) ===== */
.soru-blok{border-bottom:1px solid var(--sinir);transition:var(--gecis)}
.soru-blok:first-child{border-top:1px solid var(--sinir)}
.soru-ust{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 4px;cursor:pointer;gap:16px;user-select:none}
.soru-ust h3{font-size:.96rem;font-weight:600;color:var(--metin-ana);line-height:1.42;flex:1}
.soru-simge{width:30px;height:30px;border-radius:50%;border:2px solid var(--sinir-koyu);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--metin-ikinci);flex-shrink:0;transition:var(--gecis)}
.soru-blok.acik .soru-simge{background:var(--turuncu);border-color:var(--turuncu);color:#fff;transform:rotate(45deg)}
.soru-blok.acik .soru-ust h3{color:var(--turuncu)}
.soru-cevap{display:none;padding:0 4px 20px;font-size:.895rem;color:var(--metin-ikinci);line-height:1.8}
.soru-blok.acik .soru-cevap{display:block}
.soru-cevap a{color:var(--turuncu);font-weight:600}
.soru-cevap ul{padding-left:0;margin:10px 0}
.soru-cevap ul li{position:relative;padding-left:18px;margin-bottom:7px;font-size:.87rem}
.soru-cevap ul li::before{content:'›';position:absolute;left:2px;color:var(--turuncu);font-weight:700;font-size:1rem}

/* ===== TERİM KARTLARı ===== */
.terim-karti{padding:18px 22px;border-radius:var(--kose);border:1px solid var(--sinir);background:var(--arka-karti);transition:var(--gecis)}
.terim-karti:hover{border-color:rgba(249,115,22,.35);background:#fff9f5}
.terim-adi{font-size:.97rem;font-weight:700;color:var(--metin-ana);margin-bottom:5px;display:flex;align-items:center;gap:8px}
.terim-adi::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--turuncu);display:block;flex-shrink:0}
.terim-anlam{font-size:.865rem;color:var(--metin-ikinci);line-height:1.68}

/* ===== REHBERLİK KARTLARı ===== */
.rehber-karti{background:var(--arka-karti);border:1px solid var(--sinir);border-radius:var(--kose-orta);overflow:hidden;transition:var(--gecis)}
.rehber-karti:hover{transform:translateY(-4px);box-shadow:var(--golge-derin);border-color:rgba(249,115,22,.25)}
.rehber-karti-gorseli img{width:100%;height:196px;object-fit:cover;transition:transform .4s ease}
.rehber-karti:hover .rehber-karti-gorseli img{transform:scale(1.06)}
.rehber-karti-govde{padding:22px}
.rehber-seviye{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:var(--kose-tam);margin-bottom:10px;text-transform:uppercase}
.baslangic-seviye{background:rgba(34,197,94,.1);color:#15803d}
.orta-seviye{background:rgba(245,158,11,.1);color:#b45309}
.ileri-seviye{background:rgba(239,68,68,.1);color:#b91c1c}
.rehber-karti-govde h3{font-size:.97rem;font-weight:700;color:var(--metin-ana);margin-bottom:8px;line-height:1.35}
.rehber-karti-govde p{font-size:.855rem;color:var(--metin-ikinci);line-height:1.65;margin-bottom:14px}
.rehber-alt{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--sinir)}
.rehber-sure{font-size:.77rem;color:var(--metin-soluk);display:flex;align-items:center;gap:4px}

/* ===== ISTATISTIK BANDI ===== */
.istatistik-bandi{background:var(--turuncu);padding:24px 0}
.istatistik-bandi-ic{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:20px}
.istatistik-birim strong{display:block;font-size:1.85rem;font-weight:800;color:#fff;line-height:1}
.istatistik-birim span{font-size:.77rem;font-weight:600;color:rgba(255,255,255,.72);margin-top:4px;text-transform:uppercase;letter-spacing:.4px;display:block}

/* ===== YORUM BLOKLARI ===== */
.yorum-blok{border-radius:var(--kose-orta);padding:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:var(--gecis)}
.yorum-blok:hover{background:rgba(255,255,255,.1)}
.yorum-yildiz{color:var(--turuncu);font-size:.88rem;margin-bottom:12px;letter-spacing:1px}
.yorum-yazi{font-size:.9rem;color:rgba(255,255,255,.82);line-height:1.78;font-style:italic;margin-bottom:18px}
.yorum-kisi{display:flex;align-items:center;gap:11px}
.yorum-avatar{width:42px;height:42px;border-radius:50%;background:var(--turuncu);display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:700;color:#fff;flex-shrink:0}
.yorum-isim{font-size:.88rem;font-weight:700;color:#fff}
.yorum-sehir{font-size:.76rem;color:rgba(255,255,255,.5)}

/* ===== MAKALE YAPISI ===== */
.nav-kirinim{background:var(--yesil-derin);padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-kirinim-ic{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nav-kirinim-ic a{color:rgba(255,255,255,.55);font-size:.78rem;transition:var(--gecis)}
.nav-kirinim-ic a:hover{color:var(--turuncu)}
.nav-kirinim-ic .ayirac{color:rgba(255,255,255,.22);font-size:.7rem}
.nav-kirinim-ic span{color:rgba(255,255,255,.75);font-size:.78rem}
.sayfa-baslik{background:linear-gradient(150deg,var(--yesil-derin) 0%,var(--yesil-orta) 100%);padding:72px 0 56px;margin-top:68px;position:relative;overflow:hidden}
.sayfa-baslik::before{content:'';position:absolute;right:-80px;bottom:-60px;width:380px;height:380px;border-radius:50%;background:rgba(249,115,22,.06);pointer-events:none}
.sayfa-baslik h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:#fff;line-height:1.22;margin-bottom:12px}
.sayfa-baslik p{font-size:1rem;color:rgba(255,255,255,.68);max-width:580px;line-height:1.75}
.makale-bilgi{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.makale-tur{background:rgba(249,115,22,.12);color:var(--turuncu);font-size:.75rem;font-weight:700;padding:3px 11px;border-radius:var(--kose-tam);text-transform:uppercase}
.makale-tarih,.makale-sure{color:var(--metin-soluk);font-size:.8rem;display:flex;align-items:center;gap:4px}
.makale-baslik{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;color:var(--metin-ana);line-height:1.26;margin-bottom:14px}
.makale-ozet{font-size:1.02rem;color:var(--metin-ikinci);line-height:1.82;max-width:700px;margin-bottom:0}
.makale-kapak{border-radius:var(--kose-buyuk);overflow:hidden;margin-bottom:44px;box-shadow:var(--golge-derin)}
.makale-kapak img{width:100%;max-height:460px;object-fit:cover}
.makale-govde{font-size:.96rem;color:var(--metin-ana);line-height:1.92;max-width:760px}
.makale-govde h2{font-size:1.45rem;font-weight:800;color:var(--metin-ana);margin:38px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--sinir);line-height:1.28}
.makale-govde h3{font-size:1.15rem;font-weight:700;color:var(--yesil-orta);margin:28px 0 10px}
.makale-govde h4{font-size:1rem;font-weight:700;color:var(--metin-ana);margin:20px 0 8px}
.makale-govde p{margin-bottom:18px}
.makale-govde ul,.makale-govde ol{margin:0 0 22px;padding-left:0}
.makale-govde ul li,.makale-govde ol li{padding-left:22px;margin-bottom:9px;position:relative;font-size:.94rem;line-height:1.72}
.makale-govde ul li::before{content:'▸';position:absolute;left:2px;color:var(--turuncu);font-size:.9rem}
.makale-govde ol{counter-reset:sayi}
.makale-govde ol li{counter-increment:sayi}
.makale-govde ol li::before{content:counter(sayi)'.';position:absolute;left:0;color:var(--turuncu);font-weight:700;font-size:.82rem}
.makale-govde strong{color:var(--metin-ana);font-weight:700}
.makale-govde blockquote{background:linear-gradient(135deg,rgba(249,115,22,.07),rgba(249,115,22,.03));border-left:3px solid var(--turuncu);padding:18px 22px;margin:26px 0;border-radius:0 var(--kose) var(--kose) 0;font-style:italic;font-size:.95rem;color:var(--yesil-orta)}
.makale-paylasim{display:flex;align-items:center;gap:10px;padding:22px 0;border-top:1px solid var(--sinir);border-bottom:1px solid var(--sinir);margin:38px 0}
.makale-paylasim span{font-size:.87rem;font-weight:700;color:var(--metin-ana)}
.paylasim-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--sinir);display:flex;align-items:center;justify-content:center;font-size:.88rem;color:var(--metin-ikinci);transition:var(--gecis)}
.paylasim-btn:hover{background:var(--turuncu);color:#fff;border-color:var(--turuncu)}

/* ===== CTA BANDI ===== */
.cta-alani{padding:80px 0;background:linear-gradient(150deg,var(--yesil-derin) 0%,#0a2e1a 50%,#0d2518 100%);text-align:center;position:relative;overflow:hidden}
.cta-alani::before,.cta-alani::after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.cta-alani::before{width:500px;height:500px;background:rgba(249,115,22,.04);top:-200px;right:-100px}
.cta-alani::after{width:300px;height:300px;background:rgba(134,239,172,.04);bottom:-100px;left:-80px}
.cta-alani h2{font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:800;color:#fff;margin-bottom:14px;position:relative;z-index:1}
.cta-alani h2 mark{background:none;color:var(--turuncu)}
.cta-alani p{font-size:.98rem;color:rgba(255,255,255,.65);max-width:520px;margin:0 auto 32px;line-height:1.78;position:relative;z-index:1}
.cta-aksiyonlar{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}

/* ===== KARIN ALTI (FOOTER) ===== */
#site-alti{background:#060f09;color:rgba(255,255,255,.7);padding:56px 0 0}
.alti-ust{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:52px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.07)}
.alti-marka img{height:40px;margin-bottom:16px}
.alti-marka p{font-size:.86rem;line-height:1.78;max-width:280px;color:rgba(255,255,255,.55)}
.alti-sosyal{display:flex;gap:8px;margin-top:18px}
.alti-sosyal a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.88rem;color:rgba(255,255,255,.55);transition:var(--gecis)}
.alti-sosyal a:hover{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
.alti-baslik{font-size:.84rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}
.alti-linkler li{margin-bottom:9px}
.alti-linkler li a{font-size:.855rem;color:rgba(255,255,255,.5);transition:var(--gecis);display:flex;align-items:center;gap:6px}
.alti-linkler li a:hover{color:var(--turuncu);gap:9px}
.alti-linkler li a i{font-size:.7rem;color:var(--turuncu)}
.alti-iletisim li{display:flex;align-items:flex-start;gap:9px;margin-bottom:11px;font-size:.85rem;color:rgba(255,255,255,.5)}
.alti-iletisim li i{color:var(--turuncu);font-size:.85rem;margin-top:2px;flex-shrink:0}
.alti-iletisim li a{color:rgba(255,255,255,.5);transition:var(--gecis)}
.alti-iletisim li a:hover{color:var(--turuncu)}
.alti-alt{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.alti-alt p{font-size:.78rem;color:rgba(255,255,255,.28)}
.alti-yasal{display:flex;gap:18px;flex-wrap:wrap}
.alti-yasal a{font-size:.76rem;color:rgba(255,255,255,.28);transition:var(--gecis)}
.alti-yasal a:hover{color:var(--turuncu)}

/* ===== YASAL SAYFALAR ===== */
.yasal-govde{padding:56px 0}
.yasal-icerik{max-width:820px}
.yasal-guncelleme{background:rgba(249,115,22,.07);border:1px solid rgba(249,115,22,.18);border-radius:var(--kose);padding:11px 16px;font-size:.83rem;color:var(--metin-ikinci);margin-bottom:30px;display:flex;align-items:center;gap:8px}
.yasal-icerik h2{font-size:1.3rem;font-weight:700;color:var(--metin-ana);margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--sinir)}
.yasal-icerik h3{font-size:1.05rem;font-weight:700;color:var(--yesil-orta);margin:20px 0 8px}
.yasal-icerik p{font-size:.91rem;color:var(--metin-ana);line-height:1.84;margin-bottom:14px}
.yasal-icerik ul{margin-bottom:14px;padding-left:0}
.yasal-icerik ul li{position:relative;padding-left:18px;margin-bottom:7px;font-size:.91rem;color:var(--metin-ana);line-height:1.7}
.yasal-icerik ul li::before{content:'•';position:absolute;left:3px;color:var(--turuncu)}
.yasal-icerik a{color:var(--turuncu);font-weight:600}

/* ===== 404 ===== */
.hata-sayfasi{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:linear-gradient(160deg,var(--yesil-derin),#0a2014)}
.hata-kod{font-size:clamp(5rem,16vw,9rem);font-weight:900;background:linear-gradient(135deg,var(--turuncu),var(--turuncu-parlak));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px}
.hata-sayfasi h1{font-size:clamp(1.3rem,3.5vw,1.9rem);color:#fff;font-weight:700;margin-bottom:12px}
.hata-sayfasi p{color:rgba(255,255,255,.55);font-size:.97rem;max-width:400px;margin:0 auto 32px;line-height:1.76}
.hata-nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ===== YARDIMCI ===== */
.vurgu-kutu{background:rgba(249,115,22,.06);border:1px solid rgba(249,115,22,.18);border-radius:var(--kose-orta);padding:22px 26px}
.vurgu-kutu h4{font-size:.97rem;font-weight:700;color:var(--metin-ana);margin-bottom:7px;display:flex;align-items:center;gap:9px}
.vurgu-kutu p{font-size:.875rem;color:var(--metin-ikinci);line-height:1.72}
.etiket-satiri{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.kucuk-etiket{display:inline-flex;align-items:center;gap:4px;background:var(--arka-bant);color:var(--metin-ikinci);font-size:.77rem;font-weight:600;padding:4px 11px;border-radius:var(--kose-tam);border:1px solid var(--sinir)}
.tablo-kap{overflow-x:auto;border-radius:var(--kose-orta);border:1px solid var(--sinir);box-shadow:var(--golge-ince)}
.tablo-ana{width:100%;border-collapse:collapse;background:var(--arka-karti)}
.tablo-ana thead tr{background:var(--yesil-derin)}
.tablo-ana thead th{color:#fff;font-size:.84rem;font-weight:700;padding:15px 18px;text-align:left;white-space:nowrap}
.tablo-ana tbody tr{border-bottom:1px solid var(--sinir);transition:var(--gecis)}
.tablo-ana tbody tr:last-child{border-bottom:none}
.tablo-ana tbody tr:hover{background:rgba(249,115,22,.03)}
.tablo-ana td{padding:13px 18px;font-size:.865rem;color:var(--metin-ana);vertical-align:middle}
.tablo-evet{color:#16a34a;font-size:.97rem}
.tablo-hayir{color:#dc2626;font-size:.97rem}
#yukari-git{position:fixed;bottom:26px;right:22px;width:44px;height:44px;background:var(--turuncu);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.97rem;box-shadow:0 4px 14px rgba(249,115,22,.4);opacity:0;visibility:hidden;transition:var(--gecis);z-index:900;cursor:pointer;border:none}
#yukari-git.gorunsun{opacity:1;visibility:visible}
#yukari-git:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(249,115,22,.5)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
.kahraman{grid-template-columns:1fr;min-height:auto}
.kahraman-sag{display:none}
.kahraman-metin{padding:80px 0 56px}
.icerik-dort{grid-template-columns:repeat(2,1fr)}
.istatistik-bandi-ic{grid-template-columns:repeat(2,1fr)}
.alti-ust{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:768px){
.ana-menu{display:none}
.hamburger-btn{display:flex}
.bolum{padding:56px 0}
.icerik-iki,.icerik-uc,.icerik-dort{grid-template-columns:1fr}
.kahraman-sayilar{gap:20px}
.istatistik-bandi-ic{grid-template-columns:repeat(2,1fr)}
.alti-ust{grid-template-columns:1fr}
.alti-alt{flex-direction:column;text-align:center}
.makale-govde h2{font-size:1.25rem}
.tablo-ana thead th,.tablo-ana td{padding:11px 13px;font-size:.78rem}
}
@media(max-width:480px){
.kap{padding:0 16px}
.dugme-iri{padding:13px 24px;font-size:.93rem}
.kahraman h1{font-size:1.8rem}
.kahraman-aksiyonlar{flex-direction:column}
.cta-aksiyonlar{flex-direction:column;align-items:center}
.istatistik-bandi-ic{gap:16px}
.istatistik-birim strong{font-size:1.55rem}
}