.news-portal-wrapper {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #f5f7fa 0%, #e4efe9 100%);
            color: #333;
            min-height: 100vh;
        }
        
        .np-hero-section {
            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1495020689067-958852a7765e?ixlib=rb-4.0.3') center/cover no-repeat;
            color: white;
            padding: 80px 0;
            margin-bottom: 40px;
        }
        
        .np-category-card {
            transition: all 0.3s ease;
            border: none;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .np-category-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 20px rgba(0,0,0,0.15);
        }
        
        .np-card-sports {
            border-bottom: 4px solid #dc3545;
        }
        
        .np-card-health {
            border-bottom: 4px solid #198754;
        }
        
        .np-card-movies {
            border-bottom: 4px solid #0d6efd;
        }
        
        .np-card-tech {
            border-bottom: 4px solid #fd7e14;
        }
        
        .np-card-body {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        
        .np-card-text {
            flex-grow: 1;
        }
        
        .np-contact-form {
            background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);
            border-radius: 15px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.08);
            padding: 35px;
            margin-bottom: 40px;
            border: 1px solid rgba(0,0,0,0.05);
        }

        
        .np-form-control:focus {
            border-color: #0d6efd;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }
        
        .np-btn-primary {
            background-color: #0d6efd;
            border: none;
            padding: 10px 20px;
            font-weight: 500;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        
        .np-btn-primary:hover {
            background-color: #0b5ed7;
            transform: translateY(-2px);
        }
        
        .np-featured-section {
            background-color: #f8f9fa;
            padding: 40px 0;
            margin: 40px 0;
            width: 100vw;
            position: relative;
            left: 50%;
            right: 50%;
            margin-left: -50vw;
            margin-right: -50vw;
        }
        
        .np-featured-articles .card {
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
        }
        
        .np-featured-articles .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        .np-featured-articles .card-img-top {
            height: 180px;
            object-fit: cover;
        }
        
        .np-featured-articles .card-body {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .np-featured-articles .card-text {
            flex-grow: 1;
        }
        
        .np-content-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        /* Fix for hover issues */
        .np-stable-hover {
            transform: translateZ(0);
            backface-visibility: hidden;
            perspective: 1000px;
        }