:root,
        [data-bs-theme=light] {
            /* Ana Marka Renkleri */
            --bs-blue: #1e40af;
            --bs-indigo: #4338ca;
            --bs-purple: #553aed;
            /* --bs-red: #ef4444; */
            --bs-orange: #f59e0b;
            --bs-yellow: #eab308;
            --bs-green: #059669;
            --bs-teal: #0d9488;
            --bs-cyan: #06b6d4;
            --bs-gold: #d4af37;
            --bs-gold-light: #f4e4a6;
            --bs-gold-dark: #b8941f;
            --bs-black: #000;
            --bs-white: #fff;

            /* Nötr Gri Tonları - Daha Yumuşak */
            --bs-gray: #64748b;
            --bs-gray-dark: #334155;
            --bs-gray-100: #f8fafc;
            --bs-gray-200: #e2e8f0;
            --bs-gray-300: #cbd5e1;
            --bs-gray-400: #94a3b8;
            --bs-gray-500: #64748b;
            --bs-gray-600: #475569;
            --bs-gray-700: #334155;
            --bs-gray-800: #1e293b;
            --bs-gray-900: #0f172a;

            /* Kurumsal Ana Renkler */
            --bs-primary: #1e40af;
            --bs-secondary: #64748b;
            --bs-success: #059669;
            --bs-info: #0ea5e9;
            --bs-warning: #d97706;
            --bs-light: #f8fafc;
            --bs-dark: #1e293b;
        }

        * {
            touch-action: pan-x pan-y;
        }
        .logo-a {
            transition: filter 0.25s ease-in-out;
        }
        .logo-a:hover {
            filter: brightness(1.5);
        }
        .pattern-animation {
            transform: translate3d(0, 0, 1px);
            backface-visibility: hidden;
        }
        * {
            box-sizing: border-box;
        }
        html, body {
            padding: 0 !important;
            display: block;
            overflow-x: hidden;
            font-family: 'Noir Pro', sans-serif;
            scroll-behavior: smooth;
            overscroll-behavior-y: none;
            -webkit-overflow-scrolling: touch;
        }
        h4 {
            height: fit-content;
        }
      .loading-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;

    /* Gradient arka plan animasyonu */
    background: linear-gradient(-45deg, #0056b3, #4a90e2, #b3d9ff, #f8f9fa);
    background-size: 400% 400%;
    animation: gradientBG 10s ease infinite;
}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--bs-gold);
    border-radius: 50%;
    width: 160px;
    height: 160px;
    animation: spin 1s linear infinite;
}

.loader-logo {
    position: absolute;
    margin: auto;
    width: 120px;
    animation: colorGlow 3s ease-in-out infinite;
    filter: brightness(1.2);
}

@keyframes colorGlow {
    0% { filter: brightness(1) drop-shadow(0 0 8px #007BFF); opacity: 0.9; }
    50% { filter: brightness(1.3) drop-shadow(0 0 20px #FFFFFF); opacity: 1; }
    100% { filter: brightness(1) drop-shadow(0 0 8px #007BFF); opacity: 0.9; }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
        .content {
            z-index: -5;
            overflow-y: auto;
            overflow-x: hidden;
            position: relative;
            display: none;
        }