/* TTI YAZILIM - BİRLEŞİK DİNAMİK TEMA CSS */
/* ============================================
GLOBAL CSS VARIABLES - DİNAMİK TANIMLAMALAR
============================================ */
:root {
/* Ana Renkler */
--primary: #f47a20;
--main: #181818;
--secondary: #2f363d;
--secondary-2: #9aa0a6;
--white: #ffffff;
--surface: #f7f7f7;
--critical: #ef4444;
--warning: #f59e0b;
--success: #22c55e;
--yellow: #facc15;
--line: #e9e9e9;
--pink: #ec4899;
--blue: #38bdf8;
--orange: #f97316;

/* 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(244, 122, 32, 0.1);
--primary-light: #ffad53;
--primary-dark: #c14700;
--primary-alpha-5: rgba(244, 122, 32, 0.05);
--primary-alpha-8: rgba(244, 122, 32, 0.08);
--primary-alpha-10: rgba(244, 122, 32, 0.1);
--primary-alpha-12: rgba(244, 122, 32, 0.12);
--primary-alpha-15: rgba(244, 122, 32, 0.15);
--primary-alpha-20: rgba(244, 122, 32, 0.2);
--primary-alpha-30: rgba(244, 122, 32, 0.3);
--primary-alpha-40: rgba(244, 122, 32, 0.4);

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

/* Secondary RGBA & Türevler */
--secondary-light: #626970;
--secondary-dark: #00030a;
--secondary-alpha-5: rgba(47, 54, 61, 0.05);
--secondary-alpha-8: rgba(47, 54, 61, 0.08);
--secondary-alpha-10: rgba(47, 54, 61, 0.1);
--secondary-alpha-15: rgba(47, 54, 61, 0.15);
--secondary-alpha-20: rgba(47, 54, 61, 0.2);
--secondary-alpha-30: rgba(47, 54, 61, 0.3);
--secondary-alpha-40: rgba(47, 54, 61, 0.4);

/* Success RGBA & Türevler */
--success-light: #55f891;
--success-dark: #00922b;
--success-alpha-4: rgba(34, 197, 94, 0.04);
--success-alpha-5: rgba(34, 197, 94, 0.05);
--success-alpha-8: rgba(34, 197, 94, 0.08);
--success-alpha-10: rgba(34, 197, 94, 0.1);
--success-alpha-12: rgba(34, 197, 94, 0.12);
--success-alpha-15: rgba(34, 197, 94, 0.15);
--success-alpha-20: rgba(34, 197, 94, 0.2);
--success-alpha-25: rgba(34, 197, 94, 0.25);
--success-alpha-30: rgba(34, 197, 94, 0.3);
--success-alpha-40: rgba(34, 197, 94, 0.4);

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

/* Warning RGBA & Türevler */
--warning-light: #ffd13e;
--warning-dark: #c26b00;
--warning-alpha-5: rgba(245, 158, 11, 0.05);
--warning-alpha-8: rgba(245, 158, 11, 0.08);
--warning-alpha-10: rgba(245, 158, 11, 0.1);
--warning-alpha-12: rgba(245, 158, 11, 0.12);
--warning-alpha-15: rgba(245, 158, 11, 0.15);
--warning-alpha-20: rgba(245, 158, 11, 0.2);
--warning-alpha-30: rgba(245, 158, 11, 0.3);
--warning-alpha-40: rgba(245, 158, 11, 0.4);

/* Yellow RGBA & Türevler */
--yellow-light: #ffff48;
--yellow-dark: #c79900;
--yellow-alpha-5: rgba(250, 204, 21, 0.05);
--yellow-alpha-8: rgba(250, 204, 21, 0.08);
--yellow-alpha-10: rgba(250, 204, 21, 0.1);
--yellow-alpha-12: rgba(250, 204, 21, 0.12);
--yellow-alpha-15: rgba(250, 204, 21, 0.15);
--yellow-alpha-20: rgba(250, 204, 21, 0.2);
--yellow-alpha-30: rgba(250, 204, 21, 0.3);
--yellow-alpha-40: rgba(250, 204, 21, 0.4);

/* Orange RGBA & Türevler */
--orange-light: #ffa649;
--orange-dark: #c64000;
--orange-alpha-5: rgba(249, 115, 22, 0.05);
--orange-alpha-8: rgba(249, 115, 22, 0.08);
--orange-alpha-10: rgba(249, 115, 22, 0.1);
--orange-alpha-12: rgba(249, 115, 22, 0.12);
--orange-alpha-15: rgba(249, 115, 22, 0.15);
--orange-alpha-20: rgba(249, 115, 22, 0.2);
--orange-alpha-30: rgba(249, 115, 22, 0.3);
--orange-alpha-40: rgba(249, 115, 22, 0.4);

/* Pink RGBA & Türevler */
--pink-light: #ff7bcc;
--pink-dark: #b91566;
--pink-alpha-5: rgba(236, 72, 153, 0.05);
--pink-alpha-8: rgba(236, 72, 153, 0.08);
--pink-alpha-10: rgba(236, 72, 153, 0.1);
--pink-alpha-12: rgba(236, 72, 153, 0.12);
--pink-alpha-15: rgba(236, 72, 153, 0.15);
--pink-alpha-20: rgba(236, 72, 153, 0.2);
--pink-alpha-30: rgba(236, 72, 153, 0.3);
--pink-alpha-40: rgba(236, 72, 153, 0.4);

/* Blue RGBA & Türevler */
--blue-light: #6bf0ff;
--blue-dark: #058ac5;
--blue-alpha-5: rgba(56, 189, 248, 0.05);
--blue-alpha-8: rgba(56, 189, 248, 0.08);
--blue-alpha-10: rgba(56, 189, 248, 0.1);
--blue-alpha-12: rgba(56, 189, 248, 0.12);
--blue-alpha-15: rgba(56, 189, 248, 0.15);
--blue-alpha-20: rgba(56, 189, 248, 0.2);
--blue-alpha-30: rgba(56, 189, 248, 0.3);
--blue-alpha-40: rgba(56, 189, 248, 0.4);

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

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

/* Gri Tonları */
--gray-light: #f8f8f8;
--gray: #d0d0d0;
--gray-dark: #999;
--text-light: #626970;
--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: #f47a20;
        --main: #181818;
        --secondary: #2f363d;
        --secondary-2: #9aa0a6;
        --white: #ffffff;
        --surface: #f7f7f7;
        --critical: #ef4444;
        --warning: #f59e0b;
        --success: #22c55e;
        --yellow: #facc15;
        --line: #e9e9e9;
        --pink: #ec4899;
        --blue: #38bdf8;
        --orange: #f97316;

        /* 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(244, 122, 32, 0.1);
        --primary-light: #ffad53;
        --primary-dark: #c14700;
        --primary-alpha-5: rgba(244, 122, 32, 0.05);
        --primary-alpha-8: rgba(244, 122, 32, 0.08);
        --primary-alpha-10: rgba(244, 122, 32, 0.1);
        --primary-alpha-12: rgba(244, 122, 32, 0.12);
        --primary-alpha-15: rgba(244, 122, 32, 0.15);
        --primary-alpha-20: rgba(244, 122, 32, 0.2);
        --primary-alpha-30: rgba(244, 122, 32, 0.3);
        --primary-alpha-40: rgba(244, 122, 32, 0.4);

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

        /* Secondary RGBA & Türevler */
        --secondary-light: #626970;
        --secondary-dark: #00030a;
        --secondary-alpha-5: rgba(47, 54, 61, 0.05);
        --secondary-alpha-8: rgba(47, 54, 61, 0.08);
        --secondary-alpha-10: rgba(47, 54, 61, 0.1);
        --secondary-alpha-15: rgba(47, 54, 61, 0.15);
        --secondary-alpha-20: rgba(47, 54, 61, 0.2);
        --secondary-alpha-30: rgba(47, 54, 61, 0.3);
        --secondary-alpha-40: rgba(47, 54, 61, 0.4);

        /* Success RGBA & Türevler */
        --success-light: #55f891;
        --success-dark: #00922b;
        --success-alpha-4: rgba(34, 197, 94, 0.04);
        --success-alpha-5: rgba(34, 197, 94, 0.05);
        --success-alpha-8: rgba(34, 197, 94, 0.08);
        --success-alpha-10: rgba(34, 197, 94, 0.1);
        --success-alpha-12: rgba(34, 197, 94, 0.12);
        --success-alpha-15: rgba(34, 197, 94, 0.15);
        --success-alpha-20: rgba(34, 197, 94, 0.2);
        --success-alpha-25: rgba(34, 197, 94, 0.25);
        --success-alpha-30: rgba(34, 197, 94, 0.3);
        --success-alpha-40: rgba(34, 197, 94, 0.4);

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

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

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

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

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

        /* Blue RGBA & Türevler - DİNAMİK */
        --blue-light: #6bf0ff;
        --blue-dark: #058ac5;
        --blue-alpha-5: rgba(56, 189, 248, 0.05);
        --blue-alpha-8: rgba(56, 189, 248, 0.08);
        --blue-alpha-10: rgba(56, 189, 248, 0.1);
        --blue-alpha-12: rgba(56, 189, 248, 0.12);
        --blue-alpha-15: rgba(56, 189, 248, 0.15);
        --blue-alpha-20: rgba(56, 189, 248, 0.2);
        --blue-alpha-30: rgba(56, 189, 248, 0.3);
        --blue-alpha-40: rgba(56, 189, 248, 0.4);

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

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

        /* Gri Tonları - DİNAMİK */
        --gray-light: #f8f8f8;
        --gray: #d0d0d0;
        --gray-dark: #999;
        --text-light: #626970;
        --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>