/* Preloader stili */
        #preloader {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff; /* Preloader arka plan rengi */
            z-index: 9999; /* Preloader'ın diğer içeriklerin üzerinde olması için */
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        #preloader-inner {
            position: relative;
            border: 16px solid #f3f3f3; /* Preloader çerçevesi */
            border-top: 16px solid #3498db; /* Preloader animasyonu */
            border-radius: 50%;
            width: 120px;
            height: 120px;
            animation: spin 2s linear infinite; /* Dönme animasyonu */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #preloader-inner img {
            position: absolute;
            width: 60px; /* Logonun genişliği */
            height: 100px; /* Logonun yüksekliği */
            border-radius: 50%; /* Logonun yuvarlak olması için */
        }

        #loading-percentage {
            margin-top: 20px;
            font-size: 1.2em;
            color: #3498db;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }