* {
            font-family: 'Satoshi', system-ui, sans-serif;
        }

        /* Container Pattern (Tema Sistemi Standardı) */
        .container {
            max-width: 100% !important;
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important;
        }
        @media (min-width: 768px) {
            .container {
                padding-left: 2rem !important;
                padding-right: 2rem !important;
            }
        }
        @media (min-width: 1024px) {
            .container {
                padding-left: 3rem !important;
                padding-right: 3rem !important;
            }
        }
        @media (min-width: 1280px) {
            .container {
                max-width: 1280px !important;
                padding-left: 2rem !important;
                padding-right: 2rem !important;
            }
        }
        @media (min-width: 1536px) {
            .container {
                max-width: 1536px !important;
            }
        }

        h1, h2, h3, h4, h5, h6, .font-display {
            font-family: 'Cabinet Grotesk', system-ui, sans-serif;
        }

        /* Live Indicator Pulse */
        @keyframes pulse-live {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        .live-pulse {
            animation: pulse-live 2s ease-in-out infinite;
        }

        /* Card Compact */
        .card-compact {
            transition: all 0.3s ease;
        }

        .card-compact:hover {
            background-color: rgba(148, 163, 184, 0.05);
        }

        /* İkon Hover Efekti (fa-light → fa-solid) */
        .card-icon {
            transition: font-weight 0.3s ease;
        }

        .group:hover .card-icon {
            font-weight: 900; /* fa-light → fa-solid */
        }

        /* New Badge Animation */
        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }

        .badge-new {
            background: linear-gradient(90deg, #d946ef, #e879f9, #d946ef);
            background-size: 200% 100%;
            animation: shimmer 2s linear infinite;
        }

        /* Mega Menu */
        .mega-dropdown-v3 {
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.25s ease;
        }

        .mega-dropdown-v3.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* Number Counter */
        .counter-number {
            font-variant-numeric: tabular-nums;
        }

        /* Gradient Text */
        .gradient-text-v3 {
            background: linear-gradient(135deg, #d946ef, #38bdf8, #d946ef);
            background-size: 200% 100%;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: shimmer 3s linear infinite;
        }

        /* Animated Gradient Text - Section Başlıkları */
        .gradient-text-animated {
            background: linear-gradient(135deg, #d946ef, #38bdf8, #22c55e, #d946ef);
            background-size: 300% 100%;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: gradientFlow 4s ease infinite;
        }

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

        /* Compact Grid */
        .compact-grid {
            display: grid;
            gap: 1px;
            background: rgba(51, 65, 85, 0.3);
        }

        .compact-grid > * {
            background: #0f172a;
        }

        /* Reduced Motion */
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        ::-webkit-scrollbar-track {
            background: #0f172a;
        }

        ::-webkit-scrollbar-thumb {
            background: #475569;
            border-radius: 3px;
        }

        /* Sticky Sidebar */
        .sticky-sidebar {
            position: sticky;
            top: 80px;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
        }

        /* Time Badge */
        .time-badge {
            font-variant-numeric: tabular-nums;
        }