:root {
            --bg-dark: #080808;
            --accent-purple: #a855f7;
            --accent-lime: #d9f99d;
            --card-bg: #111111;
            --border-color: rgba(255,255,255,0.08);
        }

        /* Smooth Scroll */
        html { scroll-behavior: smooth; }

        html.lenis {
            height: auto;
        }

        .lenis.lenis-smooth {
            scroll-behavior: auto !important;
        }

        .lenis.lenis-smooth [data-lenis-prevent] {
            overscroll-behavior: contain;
        }

        .lenis.lenis-stopped {
            overflow: hidden;
        }

        .lenis.lenis-scrolling iframe {
            pointer-events: none;
        }

       

        body {
            font-family: 'Space Grotesk', sans-serif;
            background-color: var(--bg-dark);
            color: white;
            overflow-x: hidden;
        }

        /* Floating Dock */
        
        /* --- YENİ KOMPAKT DOCK STİLİ --- */
        .floating-dock {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(10, 10, 10, 0.6); /* Daha şeffaf siyah */
            backdrop-filter: blur(20px) saturate(180%); /* Daha güçlü buzlu cam efekti */
            -webkit-backdrop-filter: blur(20px) saturate(180%);
            padding: 6px; /* Kenar boşluğunu azalttık */
            border-radius: 16px; /* Tam yuvarlak değil, şık bir dikdörtgen/hap */
            border: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            gap: 4px; /* İkonlar birbirine daha yakın */
            z-index: 1000;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);;

            transition: transform 0.4s ease, opacity 0.4s ease;
        }

        .floating-dock.hide-dock {
            opacity: 0; /* Görünmez yap */
            /* Hem ortada kalsın (X -50%) hem de aşağı insin (Y 150%) */
            pointer-events: none; /* Gizliyken tıklanmasını engelle */
        }

        .dock-item {
            width: 45px; /* Daha küçük butonlar (Eskisi 50 idi) */
            height: 45px;
            border-radius: 12px; /* Karemsi yuvarlak */
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255, 255, 255, 0.6); /* Pasifken sönük beyaz */
            text-decoration: none;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            font-size: 1.2rem; /* İkon boyutu */
            position: relative;
        }

        /* Hover Durumu */
        .dock-item:hover { 
            background: rgba(255, 255, 255, 0.1);
            color: white;
            transform: translateY(-2px); /* Çok hafif kalksın */
        }

        /* Aktif Durumu (JavaScript ile gelecek) */
        .dock-item.active {
            background: var(--accent-purple) !important;
            color: white;
            box-shadow: 0 5px 15px rgba(168, 85, 247, 0.4);
            transform: scale(1.05);
        }


        
        .dock-purple { background: var(--accent-purple) !important; }
        .dock-lime { background: var(--accent-lime) !important; color: black; }

        /* Full Screen Hero */
        .full-screen-section {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background: radial-gradient(circle at center, #1a1a1a 0%, var(--bg-dark) 100%);
        }
        .hero-title { font-size: clamp(3rem, 8vw, 6rem); font-weight: 700; letter-spacing: -2px; }

        /* Portfolio Cards */
        .portfolio-card {
            background-color: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 20px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            margin-bottom: 3rem; /* Daha fazla boşluk */
        }
        .portfolio-card-sm{
            height: 430px;
        }
       .portfolio-card:hover {
            transform: translateY(-8px);
            border-color: var(--accent-purple); /* Kenar rengi değişsin */
            box-shadow: 0 10px 40px -10px rgba(168, 85, 247, 0.3); /* Morumsu bir ışık yay */
        }
        .portfolio-image {
            height: 300px;
            object-fit: cover;
            width: 100%;
        }

        /* Tech Stack */
        .tech-stack-section { padding: 100px 0; background: #0c0c0c; }
        .tech-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            background: #1a1a1a;
            border-radius: 15px;
            border: 1px solid var(--border-color);
            transition: all 0.3s ease;
            height: 100%;
        }
        .tech-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.3);
            border-color: var(--accent-purple);
        }
        .tech-item i {
            font-size: 3rem;
            color: var(--accent-purple);
            margin-bottom: 15px;
        }
        .tech-item span { font-weight: 500; }

       
       
       /* --- TEK EKRAN KOMPAKT EKİP TASARIMI --- */
        
        /* --- TEK EKRAN EKİP (DİKEY FOTO REVİZE) --- */
        .team-full-screen {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            padding: 60px 0; /* Üst alt boşluk dengesi */
        }

        .team-compact-img {
            width: 100%;
            max-width: 450px; /* Resmi çok devasa yapmasın, ince uzun dursun */
            aspect-ratio: 3/4; /* İdeal Portre Oranı (Dikey) */
            object-fit: cover; /* Resmi kutuya yay (sündürmeden) */
            object-position: top center; /* Yüz genelde üsttedir, kafayı kesme */
            border-radius: 24px;
        }

        /* Hover Efekti */
        @media(min-width: 991px){
             .team-card-wrapper:hover .team-compact-img {
            filter: grayscale(0%);
            transform: translateY(-10px) scale(1.02); /* Hafif yukarı kalksın */
            box-shadow: 0 20px 40px rgba(0,0,0,0.8);
            }   

             .team-compact-img {
                filter: grayscale(100%);
                transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
                box-shadow: 0 15px 35px rgba(0,0,0,0.6);
            }
        }
       

        /* Mobilde resimlerin ortalanması için */
        @media (max-width: 991px) {
            .team-compact-img {
                max-width: 100%; /* Mobilde tam genişlik olabilir veya */
                width: 80%;      /* Biraz daha küçük dursun */
                margin: 0 auto 20px auto; /* Ortala */
                display: block;
            }
        }
     

        /* Metinleri Sıkılaştır */
        .team-desc {
            font-size: 0.95rem; /* Yazı fontunu biraz küçülttük */
            line-height: 1.5;
            margin-bottom: 1rem;
            color: #a0a0a0;
        }

        .member-name {
            font-size: 2.5rem; /* İsim boyutu */
            font-weight: 700;
            line-height: 1;
            margin-bottom: 0.5rem;
        }

        .member-role {
            font-size: 1rem;
            letter-spacing: 1px;
            margin-bottom: 1rem;
            text-transform: uppercase;
            opacity: 0.8;
        }

        /* Glow Efekti */
        .glow-spot {
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.3;
            z-index: -1;
        }

        /* MOBİL AYARI: Mobilde sığmaya çalışmasın, aksın */
        @media (max-width: 991px) {
            .team-full-screen {
                height: auto;
                min-height: auto;
                padding: 80px 0;
                display: block;
            }
            .team-compact-img { height: 300px; margin-bottom: 20px; object-position: center; }
            .text-lg-end { text-align: left !important; }
            .mobile-gap { margin-top: 3rem; }
        }
       
        .team-overlay h3 { font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 700; margin-bottom: 10px; }
        .team-overlay p { font-size: clamp(1rem, 2vw, 1.3rem); }

        /* Contact Section */
        .contact-section { padding: 100px 0 150px; background: #0c0c0c; }

        /* --- ÖZEL SCROLLBAR TASARIMI --- */

/* 1. Scrollbar'ın genel genişliği */
::-webkit-scrollbar {
    width: 10px; /* Dikey scroll genişliği */
    height: 10px; /* Yatay scroll yüksekliği */
}

/* 2. Kaydırma çubuğunun geçtiği yol (Arka plan) */
::-webkit-scrollbar-track {
    background: var(--bg-dark); /* Sitenin arka plan rengiyle aynı yaptık */
}

/* 3. Kaydırdığımız çubuk (Thumb) */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, var(--accent-purple), var(--accent-lime)); /* Mor'dan Lime'a geçiş */
    border-radius: 10px; /* Pamuk gibi yumuşak köşeler */
    border: 2px solid var(--bg-dark); /* Çubuk etrafında boşluk hissi yaratır */
}

/* 4. Mouse ile üzerine gelince çubuğun rengi */
::-webkit-scrollbar-thumb:hover {
    background: var(--accent-lime); /* Üzerine gelince tamamen Lime yeşili olsun */
}

/* Firefox için standart destek (Chrome dışındaki tarayıcılar) */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--accent-purple) var(--bg-dark);
}