/* TTI YAZILIM - BİRLEŞİK DİNAMİK TEMA CSS */
/* ============================================
GLOBAL CSS VARIABLES - DİNAMİK TANIMLAMALAR
============================================ */
:root {
/* Ana Renkler */
--primary: #3f8f8b;
--main: #2b2e2e;
--secondary: #2e5f5d;
--secondary-2: #6b7474;
--white: #ffffff;
--surface: #f6f8f8;
--critical: #d64545;
--warning: #f2a900;
--success: #2fa86f;
--yellow: #ffc83d;
--line: #e0e5e5;
--pink: #f06292;
--blue: #2f80ed;
--orange: #ff7a00;

/* Shadow & Effects */
--shadow1: 0px 10px 25px 0px rgba(43, 52, 74, 0.12);
--shadow2: 0px 5px 18px 5px rgba(64, 72, 87, 0.15);
--card-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
--card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);

/* Primary RGBA & Türevler */
--rgba-primary: rgba(63, 143, 139, 0.1);
--primary-light: #72c2be;
--primary-dark: #0c5c58;
--primary-alpha-5: rgba(63, 143, 139, 0.05);
--primary-alpha-8: rgba(63, 143, 139, 0.08);
--primary-alpha-10: rgba(63, 143, 139, 0.1);
--primary-alpha-12: rgba(63, 143, 139, 0.12);
--primary-alpha-15: rgba(63, 143, 139, 0.15);
--primary-alpha-20: rgba(63, 143, 139, 0.2);
--primary-alpha-30: rgba(63, 143, 139, 0.3);
--primary-alpha-40: rgba(63, 143, 139, 0.4);

/* Main RGBA & Türevler */
--main-light: #5e6161;
--main-dark: #000000;
--main-alpha-5: rgba(43, 46, 46, 0.05);
--main-alpha-8: rgba(43, 46, 46, 0.08);
--main-alpha-10: rgba(43, 46, 46, 0.1);
--main-alpha-15: rgba(43, 46, 46, 0.15);
--main-alpha-20: rgba(43, 46, 46, 0.2);
--main-alpha-30: rgba(43, 46, 46, 0.3);
--main-alpha-40: rgba(43, 46, 46, 0.4);

/* Secondary RGBA & Türevler */
--secondary-light: #619290;
--secondary-dark: #002c2a;
--secondary-alpha-5: rgba(46, 95, 93, 0.05);
--secondary-alpha-8: rgba(46, 95, 93, 0.08);
--secondary-alpha-10: rgba(46, 95, 93, 0.1);
--secondary-alpha-15: rgba(46, 95, 93, 0.15);
--secondary-alpha-20: rgba(46, 95, 93, 0.2);
--secondary-alpha-30: rgba(46, 95, 93, 0.3);
--secondary-alpha-40: rgba(46, 95, 93, 0.4);

/* Success RGBA & Türevler */
--success-light: #62dba2;
--success-dark: #00753c;
--success-alpha-4: rgba(47, 168, 111, 0.04);
--success-alpha-5: rgba(47, 168, 111, 0.05);
--success-alpha-8: rgba(47, 168, 111, 0.08);
--success-alpha-10: rgba(47, 168, 111, 0.1);
--success-alpha-12: rgba(47, 168, 111, 0.12);
--success-alpha-15: rgba(47, 168, 111, 0.15);
--success-alpha-20: rgba(47, 168, 111, 0.2);
--success-alpha-25: rgba(47, 168, 111, 0.25);
--success-alpha-30: rgba(47, 168, 111, 0.3);
--success-alpha-40: rgba(47, 168, 111, 0.4);

/* Critical RGBA & Türevler */
--critical-light: #ff7878;
--critical-dark: #a31212;
--critical-alpha-5: rgba(214, 69, 69, 0.05);
--critical-alpha-8: rgba(214, 69, 69, 0.08);
--critical-alpha-10: rgba(214, 69, 69, 0.1);
--critical-alpha-12: rgba(214, 69, 69, 0.12);
--critical-alpha-15: rgba(214, 69, 69, 0.15);
--critical-alpha-20: rgba(214, 69, 69, 0.2);
--critical-alpha-30: rgba(214, 69, 69, 0.3);
--critical-alpha-40: rgba(214, 69, 69, 0.4);

/* Warning RGBA & Türevler */
--warning-light: #ffdc33;
--warning-dark: #bf7600;
--warning-alpha-5: rgba(242, 169, 0, 0.05);
--warning-alpha-8: rgba(242, 169, 0, 0.08);
--warning-alpha-10: rgba(242, 169, 0, 0.1);
--warning-alpha-12: rgba(242, 169, 0, 0.12);
--warning-alpha-15: rgba(242, 169, 0, 0.15);
--warning-alpha-20: rgba(242, 169, 0, 0.2);
--warning-alpha-30: rgba(242, 169, 0, 0.3);
--warning-alpha-40: rgba(242, 169, 0, 0.4);

/* Yellow RGBA & Türevler */
--yellow-light: #fffb70;
--yellow-dark: #cc950a;
--yellow-alpha-5: rgba(255, 200, 61, 0.05);
--yellow-alpha-8: rgba(255, 200, 61, 0.08);
--yellow-alpha-10: rgba(255, 200, 61, 0.1);
--yellow-alpha-12: rgba(255, 200, 61, 0.12);
--yellow-alpha-15: rgba(255, 200, 61, 0.15);
--yellow-alpha-20: rgba(255, 200, 61, 0.2);
--yellow-alpha-30: rgba(255, 200, 61, 0.3);
--yellow-alpha-40: rgba(255, 200, 61, 0.4);

/* Orange RGBA & Türevler */
--orange-light: #ffad33;
--orange-dark: #cc4700;
--orange-alpha-5: rgba(255, 122, 0, 0.05);
--orange-alpha-8: rgba(255, 122, 0, 0.08);
--orange-alpha-10: rgba(255, 122, 0, 0.1);
--orange-alpha-12: rgba(255, 122, 0, 0.12);
--orange-alpha-15: rgba(255, 122, 0, 0.15);
--orange-alpha-20: rgba(255, 122, 0, 0.2);
--orange-alpha-30: rgba(255, 122, 0, 0.3);
--orange-alpha-40: rgba(255, 122, 0, 0.4);

/* Pink RGBA & Türevler */
--pink-light: #ff95c5;
--pink-dark: #bd2f5f;
--pink-alpha-5: rgba(240, 98, 146, 0.05);
--pink-alpha-8: rgba(240, 98, 146, 0.08);
--pink-alpha-10: rgba(240, 98, 146, 0.1);
--pink-alpha-12: rgba(240, 98, 146, 0.12);
--pink-alpha-15: rgba(240, 98, 146, 0.15);
--pink-alpha-20: rgba(240, 98, 146, 0.2);
--pink-alpha-30: rgba(240, 98, 146, 0.3);
--pink-alpha-40: rgba(240, 98, 146, 0.4);

/* Blue RGBA & Türevler */
--blue-light: #62b3ff;
--blue-dark: #004dba;
--blue-alpha-5: rgba(47, 128, 237, 0.05);
--blue-alpha-8: rgba(47, 128, 237, 0.08);
--blue-alpha-10: rgba(47, 128, 237, 0.1);
--blue-alpha-12: rgba(47, 128, 237, 0.12);
--blue-alpha-15: rgba(47, 128, 237, 0.15);
--blue-alpha-20: rgba(47, 128, 237, 0.2);
--blue-alpha-30: rgba(47, 128, 237, 0.3);
--blue-alpha-40: rgba(47, 128, 237, 0.4);

/* Line RGBA & Türevler */
--line-light: #ffffff;
--line-dark: #adb2b2;
--line-alpha-5: rgba(224, 229, 229, 0.05);
--line-alpha-8: rgba(224, 229, 229, 0.08);
--line-alpha-10: rgba(224, 229, 229, 0.1);
--line-alpha-15: rgba(224, 229, 229, 0.15);
--line-alpha-20: rgba(224, 229, 229, 0.2);
--line-alpha-30: rgba(224, 229, 229, 0.3);

/* Surface RGBA & Türevler */
--surface-light: #ffffff;
--surface-dark: #e9ebeb;
--surface-alpha-5: rgba(246, 248, 248, 0.05);
--surface-alpha-8: rgba(246, 248, 248, 0.08);
--surface-alpha-10: rgba(246, 248, 248, 0.1);
--surface-alpha-20: rgba(246, 248, 248, 0.2);
--surface-alpha-30: rgba(246, 248, 248, 0.3);

/* Gri Tonları */
--gray-light: #f8f8f8;
--gray: #d0d0d0;
--gray-dark: #999;
--text-light: #619290;
--bg-light: #ffffff;

/* Gradyanlar */
--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
--gradient-success: linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%);
--gradient-warning: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);
--gradient-critical: linear-gradient(135deg, var(--critical) 0%, var(--critical-dark) 100%);
--gradient-info: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);
--gradient-orange: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);
--gradient-yellow: linear-gradient(135deg, var(--yellow) 0%, var(--yellow-dark) 100%);
--gradient-pink: linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%);

/* Transition */
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

/* Para Birimi */
--currency-symbol: "₺";

/* Slider Heights */
--slider-height-desktop: 85vh;
--slider-height-tablet: 70vh;
--slider-height-mobile: 65vh;
}
<!-- TTI YAZILIM - BİRLEŞİK DİNAMİK TEMA CSS -->
<style id='unified-dynamic-theme-css'>
    /* ============================================
       GLOBAL CSS VARIABLES - DİNAMİK TANIMLAMALAR
       ============================================ */
    :root {
        /* Ana Renkler */
        --primary: #3f8f8b;
        --main: #2b2e2e;
        --secondary: #2e5f5d;
        --secondary-2: #6b7474;
        --white: #ffffff;
        --surface: #f6f8f8;
        --critical: #d64545;
        --warning: #f2a900;
        --success: #2fa86f;
        --yellow: #ffc83d;
        --line: #e0e5e5;
        --pink: #f06292;
        --blue: #2f80ed;
        --orange: #ff7a00;

        /* Shadow & Effects */
        --shadow1: 0px 10px 25px 0px rgba(43, 52, 74, 0.12);
        --shadow2: 0px 5px 18px 5px rgba(64, 72, 87, 0.15);
        --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        --card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);

        /* Primary RGBA & Türevler */
        --rgba-primary: rgba(63, 143, 139, 0.1);
        --primary-light: #72c2be;
        --primary-dark: #0c5c58;
        --primary-alpha-5: rgba(63, 143, 139, 0.05);
        --primary-alpha-8: rgba(63, 143, 139, 0.08);
        --primary-alpha-10: rgba(63, 143, 139, 0.1);
        --primary-alpha-12: rgba(63, 143, 139, 0.12);
        --primary-alpha-15: rgba(63, 143, 139, 0.15);
        --primary-alpha-20: rgba(63, 143, 139, 0.2);
        --primary-alpha-30: rgba(63, 143, 139, 0.3);
        --primary-alpha-40: rgba(63, 143, 139, 0.4);

        /* Main RGBA & Türevler */
        --main-light: #5e6161;
        --main-dark: #000000;
        --main-alpha-5: rgba(43, 46, 46, 0.05);
        --main-alpha-8: rgba(43, 46, 46, 0.08);
        --main-alpha-10: rgba(43, 46, 46, 0.1);
        --main-alpha-15: rgba(43, 46, 46, 0.15);
        --main-alpha-20: rgba(43, 46, 46, 0.2);
        --main-alpha-30: rgba(43, 46, 46, 0.3);
        --main-alpha-40: rgba(43, 46, 46, 0.4);

        /* Secondary RGBA & Türevler */
        --secondary-light: #619290;
        --secondary-dark: #002c2a;
        --secondary-alpha-5: rgba(46, 95, 93, 0.05);
        --secondary-alpha-8: rgba(46, 95, 93, 0.08);
        --secondary-alpha-10: rgba(46, 95, 93, 0.1);
        --secondary-alpha-15: rgba(46, 95, 93, 0.15);
        --secondary-alpha-20: rgba(46, 95, 93, 0.2);
        --secondary-alpha-30: rgba(46, 95, 93, 0.3);
        --secondary-alpha-40: rgba(46, 95, 93, 0.4);

        /* Success RGBA & Türevler */
        --success-light: #62dba2;
        --success-dark: #00753c;
        --success-alpha-4: rgba(47, 168, 111, 0.04);
        --success-alpha-5: rgba(47, 168, 111, 0.05);
        --success-alpha-8: rgba(47, 168, 111, 0.08);
        --success-alpha-10: rgba(47, 168, 111, 0.1);
        --success-alpha-12: rgba(47, 168, 111, 0.12);
        --success-alpha-15: rgba(47, 168, 111, 0.15);
        --success-alpha-20: rgba(47, 168, 111, 0.2);
        --success-alpha-25: rgba(47, 168, 111, 0.25);
        --success-alpha-30: rgba(47, 168, 111, 0.3);
        --success-alpha-40: rgba(47, 168, 111, 0.4);

        /* Critical RGBA & Türevler */
        --critical-light: #ff7878;
        --critical-dark: #a31212;
        --critical-alpha-5: rgba(214, 69, 69, 0.05);
        --critical-alpha-8: rgba(214, 69, 69, 0.08);
        --critical-alpha-10: rgba(214, 69, 69, 0.1);
        --critical-alpha-12: rgba(214, 69, 69, 0.12);
        --critical-alpha-15: rgba(214, 69, 69, 0.15);
        --critical-alpha-20: rgba(214, 69, 69, 0.2);
        --critical-alpha-30: rgba(214, 69, 69, 0.3);
        --critical-alpha-40: rgba(214, 69, 69, 0.4);

        /* Warning RGBA & Türevler - DİNAMİK */
        --warning-light: #ffdc33;
        --warning-dark: #bf7600;
        --warning-alpha-5: rgba(242, 169, 0, 0.05);
        --warning-alpha-8: rgba(242, 169, 0, 0.08);
        --warning-alpha-10: rgba(242, 169, 0, 0.1);
        --warning-alpha-12: rgba(242, 169, 0, 0.12);
        --warning-alpha-15: rgba(242, 169, 0, 0.15);
        --warning-alpha-20: rgba(242, 169, 0, 0.2);
        --warning-alpha-30: rgba(242, 169, 0, 0.3);
        --warning-alpha-40: rgba(242, 169, 0, 0.4);

        /* Yellow RGBA & Türevler - DİNAMİK */
        --yellow-light: #fffb70;
        --yellow-dark: #cc950a;
        --yellow-alpha-5: rgba(255, 200, 61, 0.05);
        --yellow-alpha-8: rgba(255, 200, 61, 0.08);
        --yellow-alpha-10: rgba(255, 200, 61, 0.1);
        --yellow-alpha-12: rgba(255, 200, 61, 0.12);
        --yellow-alpha-15: rgba(255, 200, 61, 0.15);
        --yellow-alpha-20: rgba(255, 200, 61, 0.2);
        --yellow-alpha-30: rgba(255, 200, 61, 0.3);
        --yellow-alpha-40: rgba(255, 200, 61, 0.4);

        /* Orange RGBA & Türevler - DİNAMİK */
        --orange-light: #ffad33;
        --orange-dark: #cc4700;
        --orange-alpha-5: rgba(255, 122, 0, 0.05);
        --orange-alpha-8: rgba(255, 122, 0, 0.08);
        --orange-alpha-10: rgba(255, 122, 0, 0.1);
        --orange-alpha-12: rgba(255, 122, 0, 0.12);
        --orange-alpha-15: rgba(255, 122, 0, 0.15);
        --orange-alpha-20: rgba(255, 122, 0, 0.2);
        --orange-alpha-30: rgba(255, 122, 0, 0.3);
        --orange-alpha-40: rgba(255, 122, 0, 0.4);

        /* Pink RGBA & Türevler - DİNAMİK */
        --pink-light: #ff95c5;
        --pink-dark: #bd2f5f;
        --pink-alpha-5: rgba(240, 98, 146, 0.05);
        --pink-alpha-8: rgba(240, 98, 146, 0.08);
        --pink-alpha-10: rgba(240, 98, 146, 0.1);
        --pink-alpha-12: rgba(240, 98, 146, 0.12);
        --pink-alpha-15: rgba(240, 98, 146, 0.15);
        --pink-alpha-20: rgba(240, 98, 146, 0.2);
        --pink-alpha-30: rgba(240, 98, 146, 0.3);
        --pink-alpha-40: rgba(240, 98, 146, 0.4);

        /* Blue RGBA & Türevler - DİNAMİK */
        --blue-light: #62b3ff;
        --blue-dark: #004dba;
        --blue-alpha-5: rgba(47, 128, 237, 0.05);
        --blue-alpha-8: rgba(47, 128, 237, 0.08);
        --blue-alpha-10: rgba(47, 128, 237, 0.1);
        --blue-alpha-12: rgba(47, 128, 237, 0.12);
        --blue-alpha-15: rgba(47, 128, 237, 0.15);
        --blue-alpha-20: rgba(47, 128, 237, 0.2);
        --blue-alpha-30: rgba(47, 128, 237, 0.3);
        --blue-alpha-40: rgba(47, 128, 237, 0.4);

        /* Line RGBA & Türevler - DİNAMİK */
        --line-light: #ffffff;
        --line-dark: #adb2b2;
        --line-alpha-5: rgba(224, 229, 229, 0.05);
        --line-alpha-8: rgba(224, 229, 229, 0.08);
        --line-alpha-10: rgba(224, 229, 229, 0.1);
        --line-alpha-15: rgba(224, 229, 229, 0.15);
        --line-alpha-20: rgba(224, 229, 229, 0.2);
        --line-alpha-30: rgba(224, 229, 229, 0.3);

        /* Surface RGBA & Türevler - DİNAMİK */
        --surface-light: #ffffff;
        --surface-dark: #e9ebeb;
        --surface-alpha-5: rgba(246, 248, 248, 0.05);
        --surface-alpha-8: rgba(246, 248, 248, 0.08);
        --surface-alpha-10: rgba(246, 248, 248, 0.1);
        --surface-alpha-20: rgba(246, 248, 248, 0.2);
        --surface-alpha-30: rgba(246, 248, 248, 0.3);

        /* Gri Tonları - DİNAMİK */
        --gray-light: #f8f8f8;
        --gray: #d0d0d0;
        --gray-dark: #999;
        --text-light: #619290;
        --bg-light: #ffffff;

        /* Gradyanlar - DİNAMİK */
        --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
        --gradient-success: linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%);
        --gradient-warning: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);
        --gradient-critical: linear-gradient(135deg, var(--critical) 0%, var(--critical-dark) 100%);
        --gradient-info: linear-gradient(135deg, var(--blue) 0%, var(--blue-light) 100%);
        --gradient-orange: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);
        --gradient-yellow: linear-gradient(135deg, var(--yellow) 0%, var(--yellow-dark) 100%);
        --gradient-pink: linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%);

        /* Transition */
        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

        /* Para Birimi */
        --currency-symbol: "₺";

        /* Slider Heights */
        --slider-height-desktop: 85vh;
        --slider-height-tablet: 70vh;
        --slider-height-mobile: 65vh;
    }

    /* ═══════════════════════════════════════
   TTİ YAZILIM - FOOTER İMZA (DİNAMİK TEMA)
   Footer rengine göre otomatik uyum sağlar
   ═══════════════════════════════════════ */

    /* TTİ İmza marka renkleri - Mor tonları sabit (marka kimliği) */
    :root {
        --tti-brand-purple: #9333EA;
        --tti-brand-indigo: #5B3BE8;
        --tti-brand-light: #C4B5FD;
        --tti-brand-lavender: #E9D5FF;
        --tti-brand-dark: #100C27;

        /* Footer rengi açık mı koyu mu bilmediğimiz için nötr değerler */
        --tti-sig-text: var(--secondary);
        --tti-sig-text-hover: var(--tti-brand-purple);
        --tti-sig-bg-hover: var(--primary-alpha-5);
    }

    /* Footer koyu zeminli ise (main/dark bg) renkleri override et */
    .footer.bg-main .tti-sig-link,
    .footer-bottom .tti-sig-link,
    [class*="dark"] .tti-sig-link {
        --tti-sig-text: rgba(255, 255, 255, 0.6);
        --tti-sig-text-hover: var(--tti-brand-light);
        --tti-sig-bg-hover: rgba(147, 51, 234, 0.15);
    }

    /* === WRAPPER === */
    .tti-sig-wrapper {
        display: inline-flex;
        align-items: center;
    }

    /* === ANA LİNK === */
    .tti-sig-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 4px 10px 4px 4px;
        background: transparent;
        border: none;
        border-radius: 100px;
        text-decoration: none !important;
        color: var(--tti-sig-text) !important;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        transition: var(--transition);
        white-space: nowrap;
        line-height: 1;
    }

    .tti-sig-link::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(135deg,
        rgba(147, 51, 234, 0.12),
        rgba(91, 59, 232, 0.12));
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: 0;
        pointer-events: none;
    }

    .tti-sig-link:hover {
        color: var(--tti-sig-text-hover) !important;
    }

    .tti-sig-link:hover::before {
        opacity: 1;
    }

    /* === LOGO === */
    .tti-sig-logo {
        position: relative;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        z-index: 2;
        transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .tti-sig-link:hover .tti-sig-logo {
        transform: rotate(360deg);
    }

    .tti-sig-logo svg {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 5px;
        box-shadow: 0 1px 4px rgba(147, 51, 234, 0.2);
        transition: box-shadow 0.4s ease;
    }

    .tti-sig-link:hover .tti-sig-logo svg {
        box-shadow: 0 2px 10px rgba(147, 51, 234, 0.4);
    }

    /* Koyu temada logo shadow'u daha parlak */
    .footer.bg-main .tti-sig-link:hover .tti-sig-logo svg,
    .footer-bottom .tti-sig-link:hover .tti-sig-logo svg {
        box-shadow: 0 2px 10px rgba(196, 181, 253, 0.5);
    }

    /* === METİN CONTAINER === */
    .tti-sig-text {
        position: relative;
        display: inline-flex;
        align-items: center;
        height: 20px;
        overflow: hidden;
        z-index: 2;
    }

    .tti-sig-default,
    .tti-sig-hover {
        display: inline-flex;
        align-items: center;
        height: 20px;
        line-height: 1;
        padding: 2px 0;
        transition:
                transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.35s ease;
        white-space: nowrap;
    }

    .tti-sig-default {
        transform: translateY(0);
        opacity: 1;
    }

    .tti-sig-default strong {
        background: linear-gradient(135deg, var(--tti-brand-purple), var(--tti-brand-indigo));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        margin-right: 4px;
    }

    .tti-sig-hover {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(100%);
        opacity: 0;
        font-style: italic;
        font-weight: 600;
        background: linear-gradient(135deg, var(--tti-brand-purple), var(--tti-brand-indigo));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    /* Koyu temada gradient'i biraz parlatıyoruz */
    .footer.bg-main .tti-sig-default strong,
    .footer.bg-main .tti-sig-hover,
    .footer-bottom .tti-sig-default strong,
    .footer-bottom .tti-sig-hover {
        background: linear-gradient(135deg, #A855F7, #7C6BFF);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .tti-sig-link:hover .tti-sig-default {
        transform: translateY(-100%);
        opacity: 0;
    }

    .tti-sig-link:hover .tti-sig-hover {
        transform: translateY(0);
        opacity: 1;
    }

    /* === RESPONSIVE === */
    @media (max-width: 991px) {
        .tti-sig-wrapper {
            width: 100%;
            justify-content: center;
            margin-top: 10px;
        }
    }

    @media (max-width: 768px) {
        .tti-sig-link {
            font-size: 12px;
            padding: 3px 8px 3px 3px;
            gap: 7px;
        }
        .tti-sig-logo {
            width: 20px;
            height: 20px;
        }
        .tti-sig-text,
        .tti-sig-default,
        .tti-sig-hover {
            height: 18px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .tti-sig-link,
        .tti-sig-logo,
        .tti-sig-default,
        .tti-sig-hover {
            transition: color 0.2s, opacity 0.2s !important;
        }
        .tti-sig-link:hover .tti-sig-logo {
            transform: none;
        }
    }
</style>