/* Platform Badges */
.platform-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.platform-badge i {
    font-size: 1.5rem;
}

.meta-badge {
    background: linear-gradient(135deg, #0866FF 0%, #00C6FF 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(8, 102, 255, 0.3);
}

.google-badge {
    background: linear-gradient(135deg, #4285F4 0%, #34A853 50%, #FBBC05 75%, #EA4335 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(66, 133, 244, 0.3);
}

/* Category Badge Gradients */
.social-media-badge {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(240, 147, 251, 0.4);
}

.video-badge {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(250, 112, 154, 0.4);
}

.performance-badge {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.4);
}

.photo-badge {
    background: linear-gradient(135deg, #ffa751 0%, #ffe259 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(255, 167, 81, 0.4);
}

.brand-badge {
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(161, 140, 209, 0.4);
}

.ai-badge {
    background: linear-gradient(135deg, #0ba360 0%, #3cba92 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(11, 163, 96, 0.4);
}

@media (max-width: 768px) {
    .platform-badge {
        font-size: 1rem;
        padding: 0.6rem 1.2rem;
    }

    .platform-badge i {
        font-size: 1.25rem;
    }
}