.table-row-hover:hover { background-color: rgba(35, 35, 40, 0.5); }
        .perspective-container {
            perspective: 1500px;
        }
        .card { 
            background-color: #1a1b20; 
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;
            transform-style: preserve-3d;
            will-change: transform;
            position: relative;
            overflow: visible;
        }
        .card::after {
            content: '';
            position: absolute;
            inset: 0;
            border: 1px solid rgba(35, 35, 40, 0.5);
            border-radius: inherit;
            pointer-events: none;
            z-index: 150;
            transform: translateZ(0px);
            transition: border-color 0.3s ease;
        }
        .card:hover, .card.active-hover {
            box-shadow: 
                0 0 25px rgba(119, 255, 139, 0.2),
                0 10px 30px rgba(0, 0, 0, 0.4) !important;
            z-index: 100;
        }
        .card:hover::after, .card.active-hover::after {
            border-color: #77ff8b;
        }
        @keyframes fade-in-up {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-up {
            animation: fade-in-up 0.5s ease-out forwards;
        }