.ig-dikkat { display: flex; gap: 14px; padding: 16px 20px; background: linear-gradient(135deg, rgba(66, 133, 244, 0.12), rgba(0, 196, 214, 0.06)); border-radius: var(--ba-r-2); border-left: 4px solid var(--ba-mor); margin: 24px 0; align-items: flex-start; }
.ig-dikkat-ikon { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg, var(--ba-mor), var(--ba-neon)); display: grid; place-items: center; color: #fff; font-size: 15px; flex-shrink: 0; box-shadow: 0 4px 12px rgba(66, 133, 244, 0.35); }
.ig-dikkat-icerik { flex: 1; font-size: 13.5px; color: var(--ba-txt-2); line-height: 1.65; }
.ig-dikkat-icerik strong { color: var(--ba-mor-2); }
.ig-yontem-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin: 26px 0; }
.ig-yontem-kart { background: var(--ba-bg-2); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); padding: 22px 18px; position: relative; overflow: hidden; transition: all 0.35s ease; }
.ig-yontem-kart:hover { transform: translateY(-5px); border-color: rgba(66, 133, 244, 0.45); box-shadow: 0 12px 30px rgba(66, 133, 244, 0.12); }
.ig-yontem-no { font-family: var(--ba-mono); font-size: 42px; font-weight: 700; color: rgba(66, 133, 244, 0.10); position: absolute; top: 8px; right: 12px; line-height: 1; pointer-events: none; }
.ig-yontem-kart h4 { font-size: 15px; color: #fff; margin: 0 0 8px; }
.ig-yontem-kart p { font-size: 13px; color: var(--ba-txt-3); margin: 0; line-height: 1.55; }
.ig-tur-tablo { background: var(--ba-bg-1); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); overflow: hidden; margin: 24px 0; }
.ig-tur-satir { display: grid; grid-template-columns: 1.2fr 1.5fr 0.8fr; border-bottom: 1px solid rgba(196, 200, 206, 0.08); }
.ig-tur-satir:last-child { border-bottom: none; }
.ig-tur-baslik { background: rgba(66, 133, 244, 0.10); font-weight: 700; color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.ig-tur-hucre { padding: 12px 16px; font-size: 13px; color: var(--ba-txt-2); display: flex; align-items: center; gap: 8px; }
.ig-tur-hucre i { color: var(--ba-mor-2); font-size: 13px; }
.ig-tur-baslik .ig-tur-hucre { color: #fff; }
.ig-kaynak-liste { display: flex; flex-direction: column; gap: 12px; margin: 24px 0; }
.ig-kaynak-satir { display: flex; gap: 14px; padding: 16px 18px; background: var(--ba-bg-2); border-radius: var(--ba-r-2); border: 1px solid var(--ba-border); transition: all 0.3s ease; align-items: flex-start; }
.ig-kaynak-satir:hover { border-color: rgba(0, 196, 214, 0.35); transform: translateX(6px); }
.ig-kaynak-ikon { width: 42px; height: 42px; border-radius: var(--ba-r-1); background: linear-gradient(135deg, var(--ba-bg-3), var(--ba-bg-4)); display: grid; place-items: center; color: var(--ba-neon); font-size: 18px; flex-shrink: 0; border: 1px solid var(--ba-border); }
.ig-kaynak-bilgi { flex: 1; }
.ig-kaynak-bilgi h4 { font-size: 14px; color: #fff; margin: 0 0 4px; }
.ig-kaynak-bilgi p { font-size: 12.5px; color: var(--ba-txt-3); margin: 0; line-height: 1.5; }
.ig-kaynak-bilgi a { color: var(--ba-neon); border-bottom: 1px dashed var(--ba-neon); }
.ig-kaynak-bilgi a:hover { color: #fff; border-bottom-style: solid; }
.ig-hata-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 24px 0; }
.ig-hata-kart { background: var(--ba-bg-1); border: 1px solid rgba(245, 158, 11, 0.20); border-radius: var(--ba-r-2); padding: 18px; transition: all 0.3s ease; position: relative; }
.ig-hata-kart::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ba-pembe), transparent); border-radius: var(--ba-r-2) var(--ba-r-2) 0 0; opacity: 0; transition: opacity 0.3s ease; }
.ig-hata-kart:hover::before { opacity: 1; }
.ig-hata-kart:hover { border-color: rgba(245, 158, 11, 0.45); transform: translateY(-4px); box-shadow: 0 10px 25px rgba(245, 158, 11, 0.10); }
.ig-hata-ikon { width: 38px; height: 38px; border-radius: 50%; background: rgba(245, 158, 11, 0.12); display: grid; place-items: center; color: var(--ba-pembe); font-size: 15px; margin-bottom: 10px; }
.ig-hata-kart h4 { font-size: 13.5px; color: #fff; margin: 0 0 6px; }
.ig-hata-kart p { font-size: 12.5px; color: var(--ba-txt-3); margin: 0; line-height: 1.55; }
.ig-hata-kart p a { color: var(--ba-pembe); border-bottom: 1px dashed var(--ba-pembe); }
.ig-taktik-panel { display: flex; flex-direction: column; gap: 10px; margin: 24px 0; }
.ig-taktik-adim { display: flex; gap: 14px; padding: 16px 18px; background: linear-gradient(90deg, rgba(66, 133, 244, 0.06), transparent); border-radius: var(--ba-r-2); border-left: 3px solid var(--ba-mor); transition: all 0.3s ease; align-items: flex-start; }
.ig-taktik-adim:hover { background: linear-gradient(90deg, rgba(66, 133, 244, 0.12), transparent); border-left-color: var(--ba-neon); }
.ig-taktik-numara { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, var(--ba-mor), var(--ba-mor-2)); display: grid; place-items: center; color: #fff; font-size: 13px; font-weight: 700; flex-shrink: 0; font-family: var(--ba-mono); }
.ig-taktik-icerik { flex: 1; }
.ig-taktik-icerik h4 { font-size: 14px; color: #fff; margin: 0 0 4px; }
.ig-taktik-icerik p { font-size: 12.5px; color: var(--ba-txt-3); margin: 0; line-height: 1.5; }
.ig-guven-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin: 24px 0; }
.ig-guven-kart { background: linear-gradient(145deg, var(--ba-bg-2), var(--ba-bg-1)); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); padding: 18px; text-align: center; transition: all 0.3s ease; }
.ig-guven-kart:hover { transform: translateY(-4px); border-color: rgba(16, 185, 129, 0.40); box-shadow: 0 10px 25px rgba(16, 185, 129, 0.10); }
.ig-guven-ust { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 10px; font-size: 14px; font-weight: 700; color: #fff; }
.ig-guven-ust i { color: var(--ba-yesil); font-size: 18px; }
.ig-guven-kart p { font-size: 12.5px; color: var(--ba-txt-3); margin: 0; line-height: 1.5; }
.ig-guven-kart p a { color: var(--ba-yesil); border-bottom: 1px dashed var(--ba-yesil); }
.ig-uyari-panel { background: var(--ba-bg-2); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); padding: 6px 0; margin: 24px 0; }
.ig-uyari-satir { display: flex; gap: 12px; padding: 12px 18px; align-items: flex-start; border-bottom: 1px dashed rgba(196, 200, 206, 0.08); }
.ig-uyari-satir:last-child { border-bottom: none; }
.ig-uyari-ikon { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; flex-shrink: 0; margin-top: 1px; }
.ig-uyari-ikon.olumsuz { background: rgba(239, 68, 68, 0.12); color: #ef4444; }
.ig-uyari-ikon.olumlu { background: rgba(16, 185, 129, 0.12); color: var(--ba-yesil); }
.ig-uyari-metin { flex: 1; font-size: 13px; color: var(--ba-txt-2); line-height: 1.55; }
.ig-uyari-metin strong { color: #fff; }
.ig-karsilastirma { display: flex; flex-direction: column; gap: 10px; margin: 24px 0; }
.ig-kars-satir { display: grid; grid-template-columns: 1.2fr 1.5fr 1.2fr; background: var(--ba-bg-1); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); overflow: hidden; transition: all 0.3s ease; }
.ig-kars-satir:hover { border-color: var(--ba-border-2); }
.ig-kars-platform { display: flex; align-items: center; gap: 10px; padding: 14px 16px; font-weight: 700; font-size: 13px; color: #fff; background: rgba(66, 133, 244, 0.06); border-right: 1px solid var(--ba-border); }
.ig-kars-platform i { font-size: 20px; }
.ig-kars-platform i.fa-instagram { color: #e4405f; }
.ig-kars-platform i.fa-telegram { color: #0088cc; }
.ig-kars-platform i.fa-whatsapp { color: #25d366; }
.ig-kars-platform i.fa-twitter { color: #1da1f2; }
.ig-kars-arti, .ig-kars-eksi { padding: 14px 16px; display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: var(--ba-txt-3); line-height: 1.5; }
.ig-kars-etiket { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.ig-kars-arti .ig-kars-etiket { background: rgba(16, 185, 129, 0.12); color: var(--ba-yesil); }
.ig-kars-eksi .ig-kars-etiket { background: rgba(239, 68, 68, 0.12); color: #ef4444; }
.ig-sss { background: var(--ba-bg-1); border: 1px solid var(--ba-border); border-radius: var(--ba-r-3); overflow: hidden; margin: 28px 0; }
.ig-sss-item { border-bottom: 1px solid rgba(196, 200, 206, 0.08); }
.ig-sss-item:last-child { border-bottom: none; }
.ig-sss-soru { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; background: transparent; color: var(--ba-txt-1); font-size: 13.5px; font-weight: 600; text-align: left; cursor: pointer; transition: all 0.25s ease; font-family: inherit; border: none; }
.ig-sss-soru:hover { background: rgba(66, 133, 244, 0.06); color: #fff; }
.ig-sss-soru i { color: var(--ba-mor-2); font-size: 12px; transition: transform 0.3s ease; flex-shrink: 0; }
.ig-sss-item.acik .ig-sss-soru i { transform: rotate(180deg); }
.ig-sss-cevap { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; padding: 0 20px; }
.ig-sss-item.acik .ig-sss-cevap { max-height: 300px; padding: 0 20px 18px; }
.ig-sss-cevap p { font-size: 13px; color: var(--ba-txt-2); line-height: 1.7; margin: 0; }
.ig-sss-cevap a { color: var(--ba-mor-2); border-bottom: 1px dashed var(--ba-mor-2); }
.ig-sss-cevap a:hover { color: #fff; border-bottom-style: solid; }
@media (max-width: 768px) { .ig-yontem-grid { grid-template-columns: 1fr; } .ig-hata-grid { grid-template-columns: 1fr; } .ig-guven-grid { grid-template-columns: 1fr; } .ig-tur-satir { grid-template-columns: 1fr; } .ig-tur-hucre { padding: 10px 14px; } .ig-kars-satir { grid-template-columns: 1fr; } .ig-kars-platform { border-right: none; border-bottom: 1px solid var(--ba-border); } .ig-sss-soru { font-size: 13px; padding: 14px 16px; } }