.makale-cdb { font-family: 'Inter', sans-serif; color: var(--metin-2); line-height: 1.7; }
.makale-cdb .cdb-info-box { background: rgba(30,58,138,0.05); border-left: 4px solid var(--mavi-2); padding: 1rem 1.2rem; border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 0.9rem; }
.makale-cdb .cdb-info-box strong { color: var(--mavi-1); }
.makale-cdb h3.cdb-baslik { font-size: 1.2rem; font-weight: 800; color: var(--metin-1); margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(30,58,138,0.1); position: relative; }
.makale-cdb h3.cdb-baslik::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: var(--mavi-degrade); }
.makale-cdb p { margin-bottom: 1rem; }
.makale-cdb .cdb-kart-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.5rem 0; }
@media (max-width: 700px) { .makale-cdb .cdb-kart-grid { grid-template-columns: 1fr; } }
.makale-cdb .cdb-kart { background: #fff; border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1.2rem; text-align: center; transition: all 0.3s ease; box-shadow: var(--golge-kucuk); }
.makale-cdb .cdb-kart:hover { transform: translateY(-4px); border-color: var(--mavi-3); box-shadow: var(--golge-uzerine); }
.makale-cdb .cdb-kart-ikon { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 0.8rem; font-size: 1.2rem; color: #fff; }
.makale-cdb .cdb-kart:nth-child(1) .cdb-kart-ikon { background: var(--mavi-degrade); }
.makale-cdb .cdb-kart:nth-child(2) .cdb-kart-ikon { background: var(--kirmizi-degrade); }
.makale-cdb .cdb-kart:nth-child(3) .cdb-kart-ikon { background: linear-gradient(135deg,#059669,#10b981); }
.makale-cdb .cdb-kart h4 { font-size: 0.95rem; font-weight: 800; color: var(--metin-1); margin-bottom: 0.4rem; }
.makale-cdb .cdb-kart p { font-size: 0.78rem; line-height: 1.5; margin-bottom: 0; }
.makale-cdb .cdb-adimlar { display: flex; flex-direction: column; gap: 0.8rem; margin: 1.5rem 0; }
.makale-cdb .cdb-adim { display: flex; align-items: flex-start; gap: 1rem; background: var(--arka-2); border: 1px solid var(--kenar); border-radius: 8px; padding: 0.8rem 1rem; transition: all 0.3s ease; }
.makale-cdb .cdb-adim:hover { background: #fff; border-color: var(--mavi-3); transform: translateX(4px); }
.makale-cdb .cdb-adim-no { width: 28px; height: 28px; border-radius: 50%; background: var(--mavi-degrade-koyu); color: #fff; display: grid; place-items: center; font-size: 0.75rem; font-weight: 800; flex-shrink: 0; }
.makale-cdb .cdb-adim-metin { font-size: 0.85rem; line-height: 1.5; color: var(--metin-2); }
.makale-cdb .cdb-adim-metin strong { color: var(--mavi-1); }
.makale-cdb .cdb-uyari-box { background: linear-gradient(135deg, #fff8f0 0%, #fef3e2 100%); border: 1px solid rgba(217,119,6,0.30); border-left: 4px solid var(--uyari); border-radius: 8px; padding: 1rem 1.2rem; font-size: 0.85rem; color: #78350f; margin-top: 1.5rem; }
.makale-cdb .cdb-uyari-box strong { color: #92400e; }
.makale-bonus-cesitleri { font-family: 'Inter', sans-serif; color: var(--metin-2); line-height: 1.7; }
.makale-bonus-cesitleri .bonus-info-box { background: rgba(30,58,138,0.05); border-left: 4px solid var(--mavi-2); padding: 1rem 1.2rem; border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 0.9rem; }
.makale-bonus-cesitleri .bonus-info-box strong { color: var(--mavi-1); }
.makale-bonus-cesitleri h3.bonus-baslik { font-size: 1.2rem; font-weight: 800; color: var(--metin-1); margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(30,58,138,0.1); position: relative; }
.makale-bonus-cesitleri h3.bonus-baslik::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: var(--mavi-degrade); }
.makale-bonus-cesitleri .bonus-profil-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 1.5rem 0; }
@media (max-width: 700px) { .makale-bonus-cesitleri .bonus-profil-grid { grid-template-columns: 1fr; } }
.makale-bonus-cesitleri .bonus-profil-karti { background: #fff; border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1.2rem; transition: all 0.3s ease; box-shadow: var(--golge-kucuk); position: relative; overflow: hidden; }
.makale-bonus-cesitleri .bonus-profil-karti::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--mavi-degrade); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }
.makale-bonus-cesitleri .bonus-profil-karti:hover::before { transform: scaleX(1); }
.makale-bonus-cesitleri .bonus-profil-karti:hover { transform: translateY(-4px); border-color: var(--mavi-3); box-shadow: var(--golge-uzerine); }
.makale-bonus-cesitleri .profil-ikon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; margin-bottom: 0.8rem; font-size: 1.2rem; color: #fff; }
.makale-bonus-cesitleri .bonus-profil-karti h4 { font-size: 0.95rem; font-weight: 800; color: var(--metin-1); margin-bottom: 0.3rem; }
.makale-bonus-cesitleri .profil-etiket { display: inline-block; font-size: 0.7rem; font-weight: 800; color: var(--mavi-2); background: rgba(30,58,138,0.08); padding: 0.15rem 0.5rem; border-radius: 4px; margin-bottom: 0.6rem; }
.makale-bonus-cesitleri .bonus-profil-karti p { font-size: 0.78rem; line-height: 1.5; margin-bottom: 0; color: var(--metin-2); }
.makale-bonus-cesitleri .bonus-tablo-wrap { overflow-x: auto; margin: 1.5rem 0; border-radius: 12px; border: 1px solid var(--kenar-2); box-shadow: var(--golge-kucuk); }
.makale-bonus-cesitleri .bonus-tablo { width: 100%; border-collapse: collapse; font-size: 0.8rem; min-width: 600px; }
.makale-bonus-cesitleri .bonus-tablo thead { background: var(--mavi-degrade-koyu); }
.makale-bonus-cesitleri .bonus-tablo th { color: #fff; font-weight: 800; text-align: left; padding: 0.8rem 1rem; font-size: 0.75rem; letter-spacing: 0.5px; text-transform: uppercase; }
.makale-bonus-cesitleri .bonus-tablo td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--kenar); color: var(--metin-2); vertical-align: middle; }
.makale-bonus-cesitleri .bonus-tablo tbody tr:last-child td { border-bottom: none; }
.makale-bonus-cesitleri .bonus-tablo tbody tr:nth-child(even) { background: var(--arka-2); }
.makale-bonus-cesitleri .bonus-tablo tbody tr:hover { background: rgba(37,99,235,0.05); }
.makale-bonus-cesitleri .bonus-tablo strong { color: var(--metin-1); }
.makale-bonus-cesitleri .risk-sifir { color: #047857; font-weight: 800; }
.makale-bonus-cesitleri .risk-dusuk { color: #059669; font-weight: 800; }
.makale-bonus-cesitleri .risk-orta { color: #d97706; font-weight: 800; }
.makale-bonus-cesitleri .risk-yuksek { color: #dc2626; font-weight: 800; }
.makale-bonus-cesitleri .yildiz { color: #f59e0b; letter-spacing: 1px; }
.makale-bonus-cesitleri .bonus-sonuc-box { background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(5,150,105,0.04) 100%); border: 1px solid rgba(16,185,129,0.30); border-left: 4px solid #059669; border-radius: 8px; padding: 1rem 1.2rem; font-size: 0.85rem; color: #047857; margin-top: 1.5rem; line-height: 1.6; }
.makale-bonus-cesitleri .bonus-sonuc-box strong { color: #065f46; }
.makale-yatirimsiz-bonus { font-family: 'Inter', sans-serif; color: var(--metin-2); line-height: 1.7; }
.makale-yatirimsiz-bonus .yb-info-box { background: rgba(30,58,138,0.05); border-left: 4px solid var(--mavi-2); padding: 1rem 1.2rem; border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 0.9rem; }
.makale-yatirimsiz-bonus .yb-info-box strong { color: var(--mavi-1); }
.makale-yatirimsiz-bonus h3.yb-baslik { font-size: 1.2rem; font-weight: 800; color: var(--metin-1); margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(30,58,138,0.1); position: relative; display: flex; align-items: center; gap: 0.6rem; }
.makale-yatirimsiz-bonus h3.yb-baslik::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: var(--mavi-degrade); }
.makale-yatirimsiz-bonus p { margin-bottom: 1rem; }
.makale-yatirimsiz-bonus .yb-uyari-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 1.5rem 0; }
@media (max-width: 700px) { .makale-yatirimsiz-bonus .yb-uyari-grid { grid-template-columns: 1fr; } }
.makale-yatirimsiz-bonus .yb-uyari-item { background: #fff; border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1.2rem; transition: all 0.3s ease; box-shadow: var(--golge-kucuk); text-align: center; }
.makale-yatirimsiz-bonus .yb-uyari-item:hover { transform: translateY(-4px); border-color: var(--mavi-3); box-shadow: var(--golge-uzerine); }
.makale-yatirimsiz-bonus .yb-uyari-ikon { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 0.8rem; font-size: 1.3rem; color: #fff; }
.makale-yatirimsiz-bonus .yb-uyari-item h4 { font-size: 0.95rem; font-weight: 800; color: var(--metin-1); margin-bottom: 0.4rem; }
.makale-yatirimsiz-bonus .yb-uyari-item p { font-size: 0.78rem; line-height: 1.5; margin-bottom: 0; }
.makale-yatirimsiz-bonus .yb-cekim-yontemleri { background: var(--arka-2); border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1.2rem; margin: 1.5rem 0; }
.makale-yatirimsiz-bonus .yb-cekim-yontemleri h4 { font-size: 0.85rem; font-weight: 800; color: var(--mavi-1); margin-bottom: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; }
.makale-yatirimsiz-bonus .yb-yontem-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.6rem; }
@media (max-width: 700px) { .makale-yatirimsiz-bonus .yb-yontem-grid { grid-template-columns: repeat(2, 1fr); } }
.makale-yatirimsiz-bonus .yb-yontem { background: #fff; border: 1px solid var(--kenar); border-radius: 8px; padding: 0.6rem 0.4rem; text-align: center; font-size: 0.72rem; font-weight: 700; color: var(--metin-1); display: flex; flex-direction: column; align-items: center; gap: 0.3rem; transition: all 0.25s ease; cursor: default; }
.makale-yatirimsiz-bonus .yb-yontem i { color: var(--mavi-2); font-size: 1rem; }
.makale-yatirimsiz-bonus .yb-yontem:hover { border-color: var(--mavi-3); transform: translateY(-2px); box-shadow: var(--golge-mavi); }
.makale-yatirimsiz-bonus .yb-kritik-box { background: linear-gradient(135deg, #fff8f0 0%, #fef3e2 100%); border: 1px solid rgba(217,119,6,0.30); border-left: 4px solid var(--uyari); border-radius: 8px; padding: 1rem 1.2rem; font-size: 0.85rem; color: #78350f; margin-top: 1.5rem; }
.makale-yatirimsiz-bonus .yb-kritik-box strong { color: #92400e; }
.makale-bonus-neden { font-family: 'Inter', sans-serif; color: var(--metin-2); line-height: 1.7; }
.makale-bonus-neden .bn-info-box { background: rgba(30,58,138,0.05); border-left: 4px solid var(--mavi-2); padding: 1rem 1.2rem; border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 0.9rem; }
.makale-bonus-neden .bn-info-box strong { color: var(--mavi-1); }
.makale-bonus-neden h3.bn-baslik { font-size: 1.2rem; font-weight: 800; color: var(--metin-1); margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(30,58,138,0.1); position: relative; }
.makale-bonus-neden h3.bn-baslik::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: var(--mavi-degrade); }
.makale-bonus-neden p { margin-bottom: 1rem; }
.makale-bonus-neden .bn-neden-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.5rem 0; }
@media (max-width: 700px) { .makale-bonus-neden .bn-neden-grid { grid-template-columns: 1fr; } }
.makale-bonus-neden .bn-neden-karti { background: #fff; border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1.2rem; text-align: center; transition: all 0.3s ease; box-shadow: var(--golge-kucuk); }
.makale-bonus-neden .bn-neden-karti:hover { transform: translateY(-4px); border-color: var(--mavi-3); box-shadow: var(--golge-uzerine); }
.makale-bonus-neden .bn-karti-ikon { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 0.8rem; font-size: 1.3rem; color: #fff; }
.makale-bonus-neden .bn-neden-karti h4 { font-size: 0.95rem; font-weight: 800; color: var(--metin-1); margin-bottom: 0.4rem; }
.makale-bonus-neden .bn-neden-karti p { font-size: 0.78rem; line-height: 1.5; margin-bottom: 0; }
.makale-bonus-neden .bn-matematik-kutu { background: var(--arka-2); border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1rem; margin: 1.5rem 0; display: flex; flex-direction: column; gap: 0.5rem; }
.makale-bonus-neden .bn-mat-satir { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0.8rem; background: #fff; border: 1px solid var(--kenar); border-radius: 8px; font-size: 0.85rem; }
.makale-bonus-neden .bn-mat-etiket { color: var(--metin-3); font-weight: 600; }
.makale-bonus-neden .bn-mat-deger { font-weight: 800; color: var(--metin-1); }
.makale-bonus-neden .bn-mat-risk { color: #dc2626; }
.makale-bonus-neden .bn-mat-sonuc { background: var(--mavi-degrade-koyu); border-color: transparent; }
.makale-bonus-neden .bn-mat-sonuc .bn-mat-etiket { color: rgba(255,255,255,0.85); }
.makale-bonus-neden .bn-mat-sonuc .bn-mat-deger { color: #34d399; font-size: 0.95rem; }
.makale-bonus-neden .bn-sonuc-box { background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(5,150,105,0.04) 100%); border: 1px solid rgba(16,185,129,0.30); border-left: 4px solid #059669; border-radius: 8px; padding: 1rem 1.2rem; font-size: 0.85rem; color: #047857; margin-top: 1.5rem; line-height: 1.6; }
.makale-bonus-neden .bn-sonuc-box strong { color: #065f46; }
.makale-cevrim-sartlari { font-family: 'Inter', sans-serif; color: var(--metin-2); line-height: 1.7; }
.makale-cevrim-sartlari .cs-info-box { background: rgba(30,58,138,0.05); border-left: 4px solid var(--mavi-2); padding: 1rem 1.2rem; border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 0.9rem; }
.makale-cevrim-sartlari .cs-info-box strong { color: var(--mavi-1); }
.makale-cevrim-sartlari h3.cs-baslik { font-size: 1.2rem; font-weight: 800; color: var(--metin-1); margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(30,58,138,0.1); position: relative; }
.makale-cevrim-sartlari h3.cs-baslik::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: var(--mavi-degrade); }
.makale-cevrim-sartlari p { margin-bottom: 1rem; }
.makale-cevrim-sartlari .cs-ornek-kutu { background: #fff; border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1rem 1.2rem; margin: 1.5rem 0; box-shadow: var(--golge-kucuk); }
.makale-cevrim-sartlari .cs-ornek-baslik { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; font-weight: 800; color: var(--mavi-1); margin-bottom: 0.8rem; padding-bottom: 0.6rem; border-bottom: 1px dashed var(--kenar-2); }
.makale-cevrim-sartlari .cs-ornek-satir { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid var(--kenar); font-size: 0.85rem; }
.makale-cevrim-sartlari .cs-ornek-satir:last-child { border-bottom: none; }
.makale-cevrim-sartlari .cs-ornek-satir span { color: var(--metin-3); font-weight: 600; }
.makale-cevrim-sartlari .cs-ornek-satir strong { font-weight: 800; color: var(--metin-1); }
.makale-cevrim-sartlari .cs-ornek-vurgu { background: rgba(37,99,235,0.05); border-radius: 6px; padding: 0.5rem 0.8rem; margin-top: 0.3rem; }
.makale-cevrim-sartlari .cs-ornek-vurgu strong { color: var(--mavi-2); }
.makale-cevrim-sartlari .cs-ornek-tehlike { background: rgba(220,38,38,0.05); border-radius: 6px; padding: 0.5rem 0.8rem; margin-top: 0.3rem; }
.makale-cevrim-sartlari .cs-ornek-tehlike strong { color: #dc2626; }
.makale-cevrim-sartlari .cs-tablo-wrap { overflow-x: auto; margin: 1.5rem 0; border-radius: 12px; border: 1px solid var(--kenar-2); box-shadow: var(--golge-kucuk); }
.makale-cevrim-sartlari .cs-tablo { width: 100%; border-collapse: collapse; font-size: 0.8rem; min-width: 500px; }
.makale-cevrim-sartlari .cs-tablo thead { background: var(--mavi-degrade-koyu); }
.makale-cevrim-sartlari .cs-tablo th { color: #fff; font-weight: 800; text-align: left; padding: 0.8rem 1rem; font-size: 0.75rem; letter-spacing: 0.5px; text-transform: uppercase; }
.makale-cevrim-sartlari .cs-tablo td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--kenar); color: var(--metin-2); vertical-align: middle; }
.makale-cevrim-sartlari .cs-tablo tbody tr:last-child td { border-bottom: none; }
.makale-cevrim-sartlari .cs-tablo tbody tr:nth-child(even) { background: var(--arka-2); }
.makale-cevrim-sartlari .cs-tablo tbody tr:hover { background: rgba(37,99,235,0.05); }
.makale-cevrim-sartlari .cs-katki-yesil { color: #047857; font-weight: 800; }
.makale-cevrim-sartlari .cs-katki-turuncu { color: #d97706; font-weight: 800; }
.makale-cevrim-sartlari .cs-katki-kirmizi { color: #dc2626; font-weight: 800; }
.makale-cevrim-sartlari .cs-liste { list-style: none; padding: 0; margin: 1rem 0; display: flex; flex-direction: column; gap: 0.6rem; }
.makale-cevrim-sartlari .cs-liste li { position: relative; padding-left: 1.6rem; font-size: 0.85rem; line-height: 1.5; }
.makale-cevrim-sartlari .cs-liste li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; top: 0.1rem; color: var(--mavi-2); font-size: 0.7rem; background: rgba(37,99,235,0.10); width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; }
.makale-cevrim-sartlari .cs-liste li strong { color: var(--mavi-1); }
.makale-cevrim-sartlari .cs-tavsiye-box { display: flex; align-items: flex-start; gap: 0.8rem; background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(5,150,105,0.04) 100%); border: 1px solid rgba(16,185,129,0.30); border-left: 4px solid #059669; border-radius: 8px; padding: 1rem 1.2rem; margin-top: 1.5rem; }
.makale-cevrim-sartlari .cs-tavsiye-ikon { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg,#059669,#10b981); color: #fff; display: grid; place-items: center; font-size: 1rem; flex-shrink: 0; }
.makale-cevrim-sartlari .cs-tavsiye-icerik { font-size: 0.85rem; color: #047857; line-height: 1.6; }
.makale-cevrim-sartlari .cs-tavsiye-icerik strong { color: #065f46; }
@media (max-width: 700px) { .makale-cevrim-sartlari .cs-ornek-kutu { padding: 0.8rem; } .makale-cevrim-sartlari .cs-tavsiye-box { flex-direction: column; } .makale-cevrim-sartlari .cs-tablo { font-size: 0.72rem; } .makale-cevrim-sartlari .cs-tablo th, .makale-cevrim-sartlari .cs-tablo td { padding: 0.6rem 0.6rem; } }
.makale-para-cekimi { font-family: 'Inter', sans-serif; color: var(--metin-2); line-height: 1.7; }
.makale-para-cekimi .pc-info-box { background: rgba(30,58,138,0.05); border-left: 4px solid var(--mavi-2); padding: 1rem 1.2rem; border-radius: 0 8px 8px 0; margin-bottom: 1.5rem; font-size: 0.9rem; }
.makale-para-cekimi .pc-info-box strong { color: var(--mavi-1); }
.makale-para-cekimi h3.pc-baslik { font-size: 1.2rem; font-weight: 800; color: var(--metin-1); margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(30,58,138,0.1); position: relative; }
.makale-para-cekimi h3.pc-baslik::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: var(--mavi-degrade); }
.makale-para-cekimi p { margin-bottom: 1rem; }
.makale-para-cekimi .pc-kritik-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 1.5rem 0; }
@media (max-width: 700px) { .makale-para-cekimi .pc-kritik-grid { grid-template-columns: 1fr; } }
.makale-para-cekimi .pc-kritik-item { background: #fff; border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1.2rem; text-align: center; transition: all 0.3s ease; box-shadow: var(--golge-kucuk); }
.makale-para-cekimi .pc-kritik-item:hover { transform: translateY(-4px); border-color: var(--mavi-3); box-shadow: var(--golge-uzerine); }
.makale-para-cekimi .pc-kritik-ikon { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 0.8rem; font-size: 1.3rem; color: #fff; }
.makale-para-cekimi .pc-kritik-item h4 { font-size: 0.95rem; font-weight: 800; color: var(--metin-1); margin-bottom: 0.4rem; }
.makale-para-cekimi .pc-kritik-item p { font-size: 0.78rem; line-height: 1.5; margin-bottom: 0; }
.makale-para-cekimi .pc-belge-kutu { background: var(--arka-2); border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1rem 1.2rem; margin: 1.5rem 0; }
.makale-para-cekimi .pc-belge-baslik { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; font-weight: 800; color: var(--mavi-1); margin-bottom: 0.8rem; }
.makale-para-cekimi .pc-belge-liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.makale-para-cekimi .pc-belge-liste li { display: flex; align-items: center; gap: 0.5rem; font-size: 0.82rem; color: var(--metin-2); }
.makale-para-cekimi .pc-belge-liste li i { color: #059669; font-size: 0.85rem; }
.makale-para-cekimi .pc-adim-kutu { background: #fff; border: 1px solid var(--kenar-2); border-radius: 12px; padding: 1.2rem; margin: 1.5rem 0; box-shadow: var(--golge-kucuk); }
.makale-para-cekimi .pc-adim-baslik { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 800; color: var(--mavi-1); margin-bottom: 1rem; padding-bottom: 0.6rem; border-bottom: 1px dashed var(--kenar-2); }
.makale-para-cekimi .pc-adimlar { display: flex; flex-direction: column; gap: 0.7rem; }
.makale-para-cekimi .pc-adim { display: flex; align-items: flex-start; gap: 0.8rem; background: var(--arka-2); border: 1px solid var(--kenar); border-radius: 8px; padding: 0.7rem 0.9rem; transition: all 0.3s ease; }
.makale-para-cekimi .pc-adim:hover { background: #fff; border-color: var(--mavi-3); transform: translateX(4px); }
.makale-para-cekimi .pc-adim-no { width: 26px; height: 26px; border-radius: 50%; background: var(--mavi-degrade-koyu); color: #fff; display: grid; place-items: center; font-size: 0.7rem; font-weight: 800; flex-shrink: 0; }
.makale-para-cekimi .pc-adim-metin { font-size: 0.82rem; line-height: 1.5; color: var(--metin-2); }
@media (max-width: 700px) { .makale-para-cekimi .pc-adim-kutu, .makale-para-cekimi .pc-belge-kutu { padding: 0.9rem; } }
.footer-harita-kutusu:hover { border-color: rgba(59, 130, 246, 0.5) !important; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.3) !important; }

@media (max-width: 700px) { .rehber-tam h1, .rehber-tam h2, .rehber-tam h3, .rehber-tam h4 { font-size: 0.9rem !important; margin: 1rem 0 0.5rem !important; padding-bottom: 0.3rem !important; } .rehber-tam p { font-size: 0.78rem !important; line-height: 1.55 !important; margin-bottom: 0.6rem !important; } .rehber-tam strong { font-size: 0.78rem !important; } .rehber-tam ul, .rehber-tam ol { font-size: 0.78rem !important; padding-left: 1.2rem !important; margin: 0.5rem 0 !important; } .rehber-tam li { margin-bottom: 0.3rem !important; } .rehber-tam img { border-radius: 8px !important; margin: 0.6rem 0 !important; } .rehber-tam h3.cdb-baslik, .rehber-tam h3.bonus-baslik, .rehber-tam h3.yb-baslik, .rehber-tam h3.bn-baslik, .rehber-tam h3.cs-baslik, .rehber-tam h3.pc-baslik { font-size: 0.85rem !important; margin: 1rem 0 0.5rem !important; } .rehber-tam h3.cdb-baslik::before, .rehber-tam h3.bonus-baslik::before, .rehber-tam h3.yb-baslik::before, .rehber-tam h3.bn-baslik::before, .rehber-tam h3.cs-baslik::before, .rehber-tam h3.pc-baslik::before { width: 40px !important; } .rehber-tam .cdb-info-box, .rehber-tam .bonus-info-box, .rehber-tam .yb-info-box, .rehber-tam .bn-info-box, .rehber-tam .cs-info-box, .rehber-tam .pc-info-box { padding: 0.6rem 0.75rem !important; font-size: 0.72rem !important; margin-bottom: 0.8rem !important; } .rehber-tam .cdb-uyari-box, .rehber-tam .yb-kritik-box, .rehber-tam .bonus-sonuc-box, .rehber-tam .bn-sonuc-box, .rehber-tam .cs-tavsiye-box { padding: 0.6rem 0.75rem !important; font-size: 0.72rem !important; margin-top: 0.8rem !important; } .rehber-tam .cdb-kart-grid, .rehber-tam .bonus-profil-grid, .rehber-tam .yb-uyari-grid, .rehber-tam .bn-neden-grid, .rehber-tam .pc-kritik-grid { gap: 0.5rem !important; margin: 0.8rem 0 !important; } .rehber-tam .cdb-kart, .rehber-tam .bonus-profil-karti, .rehber-tam .yb-uyari-item, .rehber-tam .bn-neden-karti, .rehber-tam .pc-kritik-item { padding: 0.8rem !important; } .rehber-tam .cdb-kart-ikon, .rehber-tam .profil-ikon, .rehber-tam .yb-uyari-ikon, .rehber-tam .bn-karti-ikon, .rehber-tam .pc-kritik-ikon { width: 34px !important; height: 34px !important; font-size: 0.9rem !important; margin-bottom: 0.4rem !important; } .rehber-tam .cdb-kart h4, .rehber-tam .bonus-profil-karti h4, .rehber-tam .yb-uyari-item h4, .rehber-tam .bn-neden-karti h4, .rehber-tam .pc-kritik-item h4 { font-size: 0.75rem !important; margin-bottom: 0.2rem !important; } .rehber-tam .cdb-kart p, .rehber-tam .bonus-profil-karti p, .rehber-tam .yb-uyari-item p, .rehber-tam .bn-neden-karti p, .rehber-tam .pc-kritik-item p { font-size: 0.65rem !important; line-height: 1.4 !important; } .rehber-tam .cdb-adimlar, .rehber-tam .pc-adimlar { gap: 0.4rem !important; margin: 0.8rem 0 !important; } .rehber-tam .cdb-adim, .rehber-tam .pc-adim { padding: 0.5rem 0.7rem !important; gap: 0.6rem !important; } .rehber-tam .cdb-adim-no, .rehber-tam .pc-adim-no { width: 22px !important; height: 22px !important; font-size: 0.6rem !important; } .rehber-tam .cdb-adim-metin, .rehber-tam .pc-adim-metin { font-size: 0.72rem !important; line-height: 1.45 !important; } .rehber-tam .bonus-tablo-wrap, .rehber-tam .cs-tablo-wrap { margin: 0.8rem 0 !important; border-radius: 8px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .rehber-tam .bonus-tablo, .rehber-tam .cs-tablo { min-width: 100% !important; font-size: 0.65rem !important; width: 100% !important; } .rehber-tam .bonus-tablo th, .rehber-tam .cs-tablo th { padding: 0.45rem 0.5rem !important; font-size: 0.6rem !important; white-space: nowrap !important; } .rehber-tam .bonus-tablo td, .rehber-tam .cs-tablo td { padding: 0.4rem 0.5rem !important; font-size: 0.65rem !important; line-height: 1.35 !important; } .rehber-tam .bonus-tablo strong, .rehber-tam .cs-tablo strong { font-size: 0.65rem !important; } .rehber-tam .yildiz { font-size: 0.6rem !important; } .rehber-tam .cs-ornek-kutu, .rehber-tam .bn-matematik-kutu { padding: 0.6rem 0.7rem !important; margin: 0.8rem 0 !important; gap: 0.3rem !important; } .rehber-tam .cs-ornek-satir, .rehber-tam .bn-mat-satir { padding: 0.4rem 0.6rem !important; font-size: 0.72rem !important; } .rehber-tam .cs-ornek-baslik, .rehber-tam .bn-mat-etiket { font-size: 0.7rem !important; } .rehber-tam .yb-cekim-yontemleri { padding: 0.7rem !important; margin: 0.8rem 0 !important; } .rehber-tam .yb-cekim-yontemleri h4 { font-size: 0.72rem !important; margin-bottom: 0.4rem !important; } .rehber-tam .yb-yontem-grid { gap: 0.4rem !important; } .rehber-tam .yb-yontem { padding: 0.4rem 0.3rem !important; font-size: 0.6rem !important; gap: 0.2rem !important; } .rehber-tam .yb-yontem i { font-size: 0.8rem !important; } .rehber-tam .pc-belge-kutu, .rehber-tam .pc-adim-kutu { padding: 0.6rem 0.7rem !important; margin: 0.8rem 0 !important; } .rehber-tam .pc-belge-liste li { font-size: 0.7rem !important; gap: 0.4rem !important; } .rehber-tam .pc-belge-liste li i { font-size: 0.7rem !important; } .rehber-tam .cs-liste li { font-size: 0.72rem !important; padding-left: 1.3rem !important; } .rehber-tam .cs-liste li::before { width: 16px !important; height: 16px !important; font-size: 0.55rem !important; top: 0.15rem !important; } .rehber-tam .cs-tavsiye-ikon { width: 28px !important; height: 28px !important; font-size: 0.8rem !important; } .rehber-tam .cs-tavsiye-icerik { font-size: 0.72rem !important; } .rehber-tam .profil-etiket { font-size: 0.6rem !important; padding: 0.1rem 0.4rem !important; margin-bottom: 0.3rem !important; } .rehber-tam { padding: 0 !important; } .rehber-tam > div { margin-top: 0.5rem !important; } }
@media (max-width: 700px) { .rehber-tam .yb-uyari-grid { grid-template-columns: 1fr !important; gap: 0.4rem !important; margin: 0.6rem 0 !important; } .rehber-tam .yb-uyari-item { padding: 0.5rem 0.7rem !important; text-align: left !important; display: flex !important; align-items: flex-start !important; gap: 0.6rem !important; border-radius: 8px !important; } .rehber-tam .yb-uyari-ikon { width: 28px !important; height: 28px !important; font-size: 0.75rem !important; margin: 0 !important; flex-shrink: 0 !important; } .rehber-tam .yb-uyari-item h4 { font-size: 0.72rem !important; margin: 0 0 0.15rem 0 !important; line-height: 1.3 !important; } .rehber-tam .yb-uyari-item p { font-size: 0.65rem !important; line-height: 1.4 !important; margin: 0 !important; } .rehber-tam .yb-uyari-item:hover { transform: none !important; box-shadow: var(--golge-kucuk) !important; } }
@media (max-width: 700px) { .rehber-tam .cdb-kart, .rehber-tam .bonus-profil-karti, .rehber-tam .yb-uyari-item, .rehber-tam .bn-neden-karti, .rehber-tam .pc-kritik-item { padding: 0.6rem 0.7rem !important; display: flex !important; flex-direction: column !important; gap: 0.15rem !important; min-height: auto !important; } .rehber-tam .cdb-kart-ikon, .rehber-tam .profil-ikon, .rehber-tam .yb-uyari-ikon, .rehber-tam .bn-karti-ikon, .rehber-tam .pc-kritik-ikon { width: 28px !important; height: 28px !important; font-size: 0.8rem !important; margin: 0 0 0.25rem 0 !important; border-radius: 8px !important; } .rehber-tam .cdb-kart h4, .rehber-tam .bonus-profil-karti h4, .rehber-tam .yb-uyari-item h4, .rehber-tam .bn-neden-karti h4, .rehber-tam .pc-kritik-item h4 { font-size: 0.72rem !important; font-weight: 800 !important; margin: 0 !important; line-height: 1.25 !important; } .rehber-tam .profil-etiket { font-size: 0.58rem !important; padding: 0.1rem 0.35rem !important; margin: 0.15rem 0 0 0 !important; align-self: flex-start !important; line-height: 1.2 !important; } .rehber-tam .cdb-kart p, .rehber-tam .bonus-profil-karti p, .rehber-tam .yb-uyari-item p, .rehber-tam .bn-neden-karti p, .rehber-tam .pc-kritik-item p { font-size: 0.64rem !important; line-height: 1.4 !important; margin: 0 !important; } .rehber-tam .cdb-kart, .rehber-tam .bn-neden-karti, .rehber-tam .pc-kritik-item { text-align: left !important; align-items: flex-start !important; } .rehber-tam .cdb-kart-ikon, .rehber-tam .bn-karti-ikon, .rehber-tam .pc-kritik-ikon { margin-left: 0 !important; margin-right: 0 !important; } }
.makale-cdb, .makale-bonus-cesitleri, .makale-yatirimsiz-bonus, .makale-bonus-neden, .makale-cevrim-sartlari, .makale-para-cekimi { color: #0a0a0a !important; }
.makale-cdb p, .makale-bonus-cesitleri p, .makale-yatirimsiz-bonus p, .makale-bonus-neden p, .makale-cevrim-sartlari p, .makale-para-cekimi p, .rehber-tam p { color: #0a0a0a !important; }
.makale-cdb li, .makale-bonus-cesitleri li, .makale-yatirimsiz-bonus li, .makale-bonus-neden li, .makale-cevrim-sartlari li, .makale-para-cekimi li, .rehber-tam li { color: #0a0a0a !important; }
.makale-cdb strong, .makale-bonus-cesitleri strong, .makale-yatirimsiz-bonus strong, .makale-bonus-neden strong, .makale-cevrim-sartlari strong, .makale-para-cekimi strong, .rehber-tam strong { color: #000000 !important; }
.makale-cdb h3, .makale-cdb h4, .makale-bonus-cesitleri h3, .makale-bonus-cesitleri h4, .makale-yatirimsiz-bonus h3, .makale-yatirimsiz-bonus h4, .makale-bonus-neden h3, .makale-bonus-neden h4, .makale-cevrim-sartlari h3, .makale-cevrim-sartlari h4, .makale-para-cekimi h3, .makale-para-cekimi h4, .rehber-tam h3, .rehber-tam h4 { color: #000000 !important; }
.makale-cdb .cdb-kart p, .makale-bonus-cesitleri .bonus-profil-karti p, .makale-yatirimsiz-bonus .yb-uyari-item p, .makale-bonus-neden .bn-neden-karti p, .makale-cevrim-sartlari .cs-liste li, .makale-para-cekimi .pc-kritik-item p { color: #0a0a0a !important; }
.makale-cdb .cdb-kart h4, .makale-bonus-cesitleri .bonus-profil-karti h4, .makale-yatirimsiz-bonus .yb-uyari-item h4, .makale-bonus-neden .bn-neden-karti h4, .makale-para-cekimi .pc-kritik-item h4 { color: #000000 !important; }
.makale-cdb .cdb-adim-metin, .makale-para-cekimi .pc-adim-metin { color: #0a0a0a !important; }
.makale-bonus-cesitleri .bonus-tablo td, .makale-cevrim-sartlari .cs-tablo td { color: #0a0a0a !important; }
.makale-bonus-cesitleri .bonus-tablo th, .makale-cevrim-sartlari .cs-tablo th { color: #fff !important; }
.makale-cevrim-sartlari .cs-ornek-satir span, .makale-bonus-neden .bn-mat-etiket { color: #333333 !important; }
.makale-cevrim-sartlari .cs-ornek-satir strong, .makale-bonus-neden .bn-mat-deger { color: #000000 !important; }
.makale-para-cekimi .pc-belge-liste li { color: #0a0a0a !important; }
.makale-cdb .cdb-info-box, .makale-bonus-cesitleri .bonus-info-box, .makale-yatirimsiz-bonus .yb-info-box, .makale-bonus-neden .bn-info-box, .makale-cevrim-sartlari .cs-info-box, .makale-para-cekimi .pc-info-box, .makale-cdb .cdb-uyari-box, .makale-yatirimsiz-bonus .yb-kritik-box, .makale-bonus-cesitleri .bonus-sonuc-box, .makale-bonus-neden .bn-sonuc-box, .makale-cevrim-sartlari .cs-tavsiye-box { color: #0a0a0a !important; }
.makale-cdb .cdb-info-box strong, .makale-bonus-cesitleri .bonus-info-box strong, .makale-yatirimsiz-bonus .yb-info-box strong, .makale-bonus-neden .bn-info-box strong, .makale-cevrim-sartlari .cs-info-box strong, .makale-para-cekimi .pc-info-box strong { color: #000000 !important; }
@media (max-width: 700px) { .rehber-tam p, .rehber-tam li, .rehber-tam strong, .rehber-tam h3, .rehber-tam h4 { color: #0a0a0a !important; } .rehber-tam strong { color: #000000 !important; } }