body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #fefefe, #f8fafc);
            min-height: 100vh;
        }
        
        .news-card {
            background: linear-gradient(145deg, #ffffff, #f8fafc);
            box-shadow: 0 4px 6px -1px rgba(124, 58, 237, 0.1), 0 2px 4px -1px rgba(124, 58, 237, 0.06);
            transition: all 0.3s ease;
        }
        
        .news-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.15), 0 4px 6px -2px rgba(124, 58, 237, 0.1);
        }
        
        .gradient-text {
            background: linear-gradient(135deg, #7c3aed, #ec4899);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .from-primary {
        --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        }
                .to-secondary {
            --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
        }   

        .bg-gradient-to-r {
            background-image: linear-gradient(to right, var(--tw-gradient-stops));
        }
                
        .glow {
            box-shadow: 0 0 20px rgba(124, 58, 237, 0.3);
        }
        
        .badge-tech { 
            background: linear-gradient(to right, #3b82f6, #06b6d4);
            color: white;
        }
        .badge-entertainment { 
            background: linear-gradient(to right, #ec4899, #f43f5e);
            color: white;
        }
        .badge-lifestyle { 
            background: linear-gradient(to right, #10b981, #059669);
            color: white;
        }
        .badge-sports { 
            background: linear-gradient(to right, #f97316, #ef4444);
            color: white;
        }
        .badge-trending { 
            background: linear-gradient(to right, #fbbf24, #f97316);
            color: white;
        }
        
        .animate-fade-in {
            animation: fadeIn 0.6s ease-out forwards;
        }
        
        .animate-slide-up {
            animation: slideUp 0.8s ease-out forwards;
        }
        
        .animate-pulse-glow {
            animation: pulseGlow 2s ease-in-out infinite alternate;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes pulseGlow {
            from { box-shadow: 0 0 20px rgba(124, 58, 237, 0.3); }
            to { box-shadow: 0 0 40px rgba(124, 58, 237, 0.6); }
        }
        
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .backdrop-blur {
            backdrop-filter: blur(12px);
        }

        .slide {
            transition: opacity 0.7s ease-in-out;
        }