/* =========================
   KURUMSAL SAYFA STİLLERİ
========================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    /* Clemix Kurumsal Renk Paleti */
    --primary: #08b1cf;         /* Canlı Buz Mavisi / Turkuaz */
    --navy: #061772;            /* Derin Kurumsal Lacivert */
    --text-slate: #475569;      /* Modern Antrasit Metin */
    --text-muted: #94a3b8;      /* Yardımcı Metin Grisi */
    --border-light: #f1f5f9;    /* Yumuşak Kenarlıklar */
    
    /* Özel Gradyanlar ve Gölgeler */
    --bg-soft-blue: linear-gradient(180deg, #ffffff 0%, #f0f7f9 100%);
    --shadow-premium: 0 10px 30px rgba(6, 23, 114, 0.05);
}

.corporate-portal-wrap { 
    font-family: 'Inter', sans-serif; 
    /* 1. Geçişli Zemin: Üstten alta doğru açılan ferahlık */
    background: linear-gradient(180deg, #ffffff 0%, #f0f7f9 100%); 
    padding-bottom: 120px; 
    position: relative;
    overflow: hidden;
}

/* 2. Kurumsal Doku: Sayfadaki boşluğu dolduran mikro noktalar */
.corporate-portal-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    /* Clemix Turkuazı ile 35px aralıklı profesyonel noktalar */
    background-image: radial-gradient(rgba(8, 177, 207, 0.12) 1.2px, transparent 1.2px);
    background-size: 35px 35px;
    z-index: 0;
    pointer-events: none;
    /* Desenin sadece kenarlarda yumuşakça belirmesi için maskeleme */
    mask-image: radial-gradient(circle, black 30%, transparent 90%);
    -webkit-mask-image: radial-gradient(circle, black 30%, transparent 90%);
}

/* 3. Dinamik Köşe Işığı: Sol üstten gelen temizlik hissi */
.corporate-portal-wrap::after {
    content: "";
    position: absolute;
    top: -15%;
    left: -10%;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(8, 177, 207, 0.06) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    filter: blur(40px);
}

/* Intro Centered Section */
.corp-intro-centered { 
    padding: 175px 0 60px; 
    text-align: center; 
}

.intro-box { 
    max-width: 800px; 
    margin: 0 auto; 
}

.badge-dot { 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
    font-size: 13px; 
    font-weight: 700; 
    color: var(--primary); 
    text-transform: uppercase; 
    letter-spacing: 2px; 
    margin-bottom: 25px; 
}

.badge-dot::before, 
.badge-dot::after { 
    content: ''; 
    width: 6px; 
    height: 6px; 
    background: var(--primary); 
    border-radius: 50%; 
    opacity: 0.5; 
}

.portal-title-clean { 
    font-size: 54px; 
    font-weight: 800; 
    color: var(--navy); 
    line-height: 1.1; 
    margin-bottom: 30px; 
}

.portal-title-clean span { 
    color: var(--primary); 
}

.title-divider { 
    width: 50px; 
    height: 4px; 
    background: var(--primary); 
    margin: 0 auto 30px; 
    border-radius: 10px; 
}

.intro-desc { 
    font-size: 19px; 
    color: var(--text-muted); 
    line-height: 1.7; 
    margin: 0 auto; 
    max-width: 650px; 
}

.intro-desc strong { 
    color: var(--navy); 
    font-weight: 700; 
}

/* Navigasyon Kartları */
.corp-nav-cards { 
    padding: 40px 0; 
}

.cards-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
}

.nav-card-item { 
    background: #f5f5f5; 
    padding: 40px; 
    border: 1px solid var(--border-light); 
    border-radius: 24px; 
    text-decoration: none; 
    transition: all 0.3s ease; 
}

.nav-card-item:hover { 
    border-color: var(--primary); 
    background: var(--border-light); 
    transform: translateY(-5px); 
}

.card-top { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 30px; 
}

.card-icon-small { 
    color: var(--primary); 
}

.card-index { 
    font-size: 14px; 
    font-weight: 800; 
    color: #0f69d8; 
}

.nav-card-item h3 { 
    font-size: 24px; 
    color: var(--navy); 
    font-weight: 700; 
    margin-bottom: 15px; 
}

.nav-card-item p { 
    color: var(--text-muted); 
    font-size: 15px; 
    line-height: 1.6; 
    margin-bottom: 25px; 
}

.card-link-arrow { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    font-size: 14px; 
    font-weight: 700; 
    color: var(--navy); 
    transition: 0.3s; 
}

.nav-card-item:hover .card-link-arrow { 
    gap: 15px; 
    color: var(--primary); 
}






/* İstatistik Konteynırı (Dış Kutu) */
.stats-grid-clean { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; /* Kartlar arası boşluk */
    padding: 20px; 
}

/* HER BİR İSTATİSTİK KARTI (Arka Plan Burada) */
.stat-clean-item { 
    text-align: center; 
    padding: 40px 20px;
    border-radius: 24px;
    /* LACİVERT -> TURUNCU Arka Plan Geçişi */
    background: linear-gradient(135deg, #0F2A6B 50%, #F57C22 100%);
    
    /* Derinlik hissi için hafif gölge */
    box-shadow: 0 10px 25px rgba(15, 42, 107, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Kartın üzerine gelince hafif büyüme efekti */
.stat-clean-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(245, 124, 34, 0.3);
}

/* Sayıların Stili (Beyaz) */
.stat-clean-item strong { 
    display: block; 
    font-size: 38px; 
    font-weight: 800; 
    color: #ffffff; /* Renkli zeminde beyaz çok net durur */
    margin-bottom: 8px; 
    font-family: 'Poppins', sans-serif;
}

/* Alt Metinlerin Stili (Hafif Şeffaf Beyaz) */
.stat-clean-item span { 
    font-size: 12px; 
    font-weight: 600; 
    color: rgba(255, 255, 255, 0.85); 
    text-transform: uppercase; 
    letter-spacing: 1.5px; 
}

/* Mobil Uyumluluk */
@media screen and (max-width: 768px) {
    .stats-grid-clean { 
        grid-template-columns: repeat(2, 1fr); /* Mobilde 2x2 dizilim */
        padding: 10px;
    }
}





















/* ================================================================
   KURUMSAL PORTAL MOBİL DÜZENLEME (768px VE ALTI)
   ================================================================ */
@media screen and (max-width: 768px) {

    /* 1. Üst Alan (Hero) Düzenlemesi */
    .corp-intro-centered {
        padding: 100px 20px 40px !important; /* Üst boşluğu azalttık */
    }

    .portal-title-clean {
        font-size: 32px !important; /* Mobilde devasa başlığı küçülttük */
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }

    .intro-desc {
        font-size: 16px !important;
        line-height: 1.6 !important;
        padding: 0 10px !important;
    }

    /* 2. Navigasyon Kartları (Tek Sütun) */
    .cards-grid {
        grid-template-columns: 1fr !important; /* Kartları alt alta diz */
        gap: 20px !important;
        padding: 0 15px !important;
    }

    .nav-card-item {
        padding: 30px 20px !important; /* Kart iç boşluğunu daralttık */
        border-radius: 20px !important;
    }

    .nav-card-item h3 {
        font-size: 20px !important;
    }

    /* 3. İstatistik Paneli (Stats) */
    .stats-grid-clean {
        grid-template-columns: 1fr 1fr !important; /* 2x2 matris yapısı */
        gap: 30px 10px !important;
        padding: 40px 20px !important;
        margin: 0 15px !important; /* Kenarlardan nefes alsın */
    }

    .stat-clean-item strong {
        font-size: 28px !important; /* Rakamları biraz küçülttük */
    }

    .stat-clean-item span {
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
    }

    /* 4. Kurumsal Doku Ayarı */
    .corporate-portal-wrap::before {
        background-size: 25px 25px !important; /* Noktaları mobilde sıkılaştırdık */
        opacity: 0.6 !important;
    }

    /* Sol üstteki büyük ışık süzmesini mobilde küçültelim */
    .corporate-portal-wrap::after {
        width: 300px !important;
        height: 300px !important;
        top: -5% !important;
        left: -5% !important;
    }
}