:root { --ana-lacivert: #1A2B6D; --vurgu-turuncu: #D17A3E; --soft-bg: #f4f7fe; }
body { background: var(--soft-bg); padding-top: 100px; font-family: 'Poppins', sans-serif; overflow-x: hidden; }

/* VİTRİN KARTLARI (GÖRSELDEKİ ŞIKLIK) */
.visual-card { 
    border-radius: 20px; overflow: hidden; position: relative; height: 230px; 
    transition: 0.4s; box-shadow: 0 10px 25px rgba(0,0,0,0.06); margin-bottom: 10px;
    background: #e2e2e2;
}
.card-img { width: 100%; height: 100%; background-size: cover; background-position: center; position: relative; }

/* Turuncu Tarih Etiketi */
.card-date { 
    position: absolute; top: 15px; left: 15px; background: var(--vurgu-turuncu); color: #fff; 
    padding: 6px 12px; border-radius: 12px; font-size: 0.75rem; font-weight: 800; z-index: 5; 
}
.blog-card .card-date { background: var(--ana-lacivert); }

/* Overlay & Yazı */
.card-overlay { 
    position: absolute; bottom: 0; left: 0; right: 0; padding: 50px 15px 15px; 
    background: linear-gradient(transparent, rgba(0,0,0,0.9)); 
}
.news-title-premium { color: #fff; font-weight: 700; font-size: 0.95rem; line-height: 1.3; margin: 0; }
.author-label { color: #ddd; font-size: 0.7rem; display: block; margin-top: 5px; font-weight: 500; }

/* MOBİL AYARLAR */
@media (max-width: 991px) {
    body { padding-top: 80px; }
    .visual-card { height: 180px; }
    .slider-box { height: 260px; }
    .slider-info h4 { font-size: 1.3rem; }
    .portal-wrapper { padding: 0 10px; }
}

/* GENEL STİLLER */
.premium-card { background: #fff; border-radius: 20px; overflow: hidden; }
.card-header-kurumsal { background: var(--ana-lacivert); color: #fff; padding: 15px; font-weight: 800; font-size: 0.75rem; text-align: center; }
.card-header-vurgu { background: var(--vurgu-turuncu); color: #fff; padding: 15px; font-weight: 800; font-size: 0.75rem; text-align: center; }
.portal-nav { list-style: none; padding: 0; margin: 0; }
.portal-nav li a { display: block; padding: 14px 20px; color: #444; text-decoration: none; font-size: 0.85rem; font-weight: 700; border-bottom: 1px solid #f8f9fa; transition: 0.3s; }
.portal-nav li a:hover { color: var(--vurgu-turuncu); background: #fdfaf8; padding-left: 25px; }
.baskan-thumb { width: 90px; height: 90px; border-radius: 50%; border: 3px solid var(--vurgu-turuncu); object-fit: cover; }
.slider-box { height: 420px; background-size: cover; background-position: center; border-radius: 20px; position: relative; }
.slider-info { position: absolute; bottom: 30px; left: 30px; color: #fff; z-index: 10; }

.section-divider { border-bottom: 2px solid var(--ana-lacivert); margin-bottom: 20px; }
.section-divider span { background: var(--ana-lacivert); color: #fff; padding: 5px 15px; font-size: 0.75rem; font-weight: 800; border-radius: 10px 10px 0 0; display: inline-block; }
.section-divider.vurgu { border-color: var(--vurgu-turuncu); }
.section-divider.vurgu span { background: var(--vurgu-turuncu); }