export default function NetworkHighlightBlock() {
  return (
    <div className="col-span-12 md:col-span-6 lg:col-span-4 bento-item ps-highlight-card rounded-[24px] p-10 flex flex-col justify-between text-white relative overflow-hidden">
      <div className="absolute bottom-0 right-0 w-48 h-48 bg-brand-accent rounded-full blur-2xl opacity-40 translate-y-1/4 translate-x-1/4"></div>
      <div className="relative z-10">

        {/* Icon + Brand */}
        <div className="flex items-center gap-3 mb-12">
          <i className="fas fa-globe text-2xl text-brand-light"></i>
          <span className="font-bold text-xl tracking-tight">ULP Network</span>
        </div>

        {/* Heading — dùng div tránh main.css override h2 */}
        <div>
          <div className="ps-subheading text-white font-bold leading-tight mb-4">
            Connect Across<br />Continents
          </div>
          <p className="text-brand-light opacity-90">
            150+ active academic agreements across 45 countries.
          </p>
        </div>

      </div>
    </div>
  );
}
