:root {
            --primary-bg: #020617;
            --accent-color: #6366f1;
            --glass-bg: rgba(255, 255, 255, 0.03);
            --text-muted: #94a3b8;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--primary-bg);
            color: #f8fafc;
            overflow-x: hidden;
        }
        .text-primary {
            color: #6366f1 !important; /* İndigo tonu, modern bir hava katar */
        }
        .bg-opacity-10 {
            background-color: rgba(99, 102, 241, 0.1) !important;
        }
        /* Glassmorphism */
        .glass-card {
            background: var(--glass-bg);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 2rem;
            transition: all 0.3s ease;
        }

        /* Gradient Text */
        .gradient-text {
            background: linear-gradient(90deg, #818cf8, #22d3ee);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 800;
        }

        /* Hero Animation */
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }

        .navbar {
            background: rgba(2, 6, 23, 0.8) !important;
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .nav-link {
            color: var(--text-muted) !important;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.1rem;
            text-transform: uppercase;
        }

        .nav-link:hover { color: var(--accent-color) !important; }

        .btn-primary-custom {
            background-color: var(--accent-color);
            border: none;
            padding: 0.8rem 2rem;
            border-radius: 1rem;
            font-weight: 700;
            transition: 0.3s;
        }

        .btn-primary-custom:hover {
            background-color: #4f46e5;
            box-shadow: 0 10px 20px rgba(99, 102, 241, 0.3);
        }

        section { padding: 100px 0; }

        .experience-border {
            padding-left: 2rem;
            position: relative;
        }

        .experience-dot {
            position: absolute;
            left: -9px;
            top: 5px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
        }

        .experience-border.now {
            border-left: 2px solid rgba(99, 102, 241, 0.2);
        }

        .experience-dot.now {
            background: var(--accent-color);
            box-shadow: 0 0 15px var(--accent-color);
        }
        .experience-border.last {
            border-left: 2px solid rgba(80, 80, 84, 0.2);
        }

        .experience-dot.last {
            background: var(--text-muted);
            box-shadow: 0 0 15px var(--text-muted);
        }
        

        .transition-hover {
        transition: transform 0.3s ease, border-color 0.3s ease;
    }
    .transition-hover:hover {
        transform: translateY(-10px);
        border-color: rgba(99, 102, 241, 0.4) !important;
    }
    .tracking-tighter { letter-spacing: -0.05em; }

    .tracking-widest { letter-spacing: 0.2em; }
       .blog-scroll-container::-webkit-scrollbar {
        display: none; /* Chrome, Safari ve Opera için scrollbarı gizler */
    }
    .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .read-more-btn:hover {
        color: #6366f1 !important;
        gap: 10px;
        transition: all 0.3s ease;
    }
    .cursor-pointer { cursor: pointer; }
    /* Kartın hafif eğik durması ve hover animasyonu */
.transform-rotate-sm {
    transform: rotate(2deg);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.transform-rotate-sm:hover {
    transform: rotate(0deg) scale(1.02);
}

/* Butonun büyüme efekti */
.hover-scale {
    transition: all 0.3s ease;
}
.hover-scale:hover {
    transform: rotate(3deg) scale(1.02);
}

/* İstatistik kutuları için hover efekti */
.transition-hover {
    transition: all 0.3s ease;
}

.transition-hover:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--accent-color) !important;
}
/* Scrollbar genişliği */
::-webkit-scrollbar {
    width: 5px;
}

/* Scroll arka planı */
::-webkit-scrollbar-track {
    background: var(--primary-bg);
    border-radius: 10px;
}

/* Scroll thumb */
::-webkit-scrollbar-thumb {
    background: var(--accent-color);
    border-radius: 10px;
    transition: 0.3s;
}

/* Hover efekti */
::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}