@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400 !important;500 !important;600 !important;700&display=swap') !important;

body {
    font-family: 'Inter', sans-serif !important;
}

.gradient-bg {
    background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%) !important;
}

.hero-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 50%, transparent 100%) !important;
}

.card-hover {
    transition: all 0.3s ease !important;
}
.card-hover:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.btn-primary {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 70%, #000000 100%) !important;
    transition: all 0.3s ease !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 70%, #1f2937 100%) !important;
    transform: translateY(-1px) !important;
}

.ceo-badge {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 70%, #000000 100%) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.featured-badge {
    background: linear-gradient(135deg, #10b981 0%, #059669 70%, #064e3b 100%) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

.report-badge {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 70%, #1e3a8a 100%) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

.soca-gradient {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #dc2626 100%) !important;
}

.ellessbee-gradient {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 50%, #7f1d1d 100%) !important;
}

.topic-tag {
    transition: all 0.2s ease !important;
}
.topic-tag:hover {
    background-color: #e5e7eb !important;
    transform: scale(1.05) !important;
}