/**
 * Home page premium cards — Leadership, Partners, Digital Platforms
 */

@keyframes mopdicLeadershipShine {
  0% { background-position: -120% 0; }
  100% { background-position: 220% 0; }
}

@keyframes mopdicPartnerFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes mopdicPartnerGlow {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.08); }
}

@keyframes mopdicSystemShimmer {
  0% { transform: translateX(-100%) rotate(12deg); }
  100% { transform: translateX(220%) rotate(12deg); }
}

/* ── Ministry Leadership ── */
.profile-cards {
  gap: 40px;
  padding: 28px 8px 36px;
}

.profile-card {
  width: 360px;
  border-radius: 30px;
  border: 1px solid rgba(66, 124, 208, 0.14);
  box-shadow:
    0 18px 50px rgba(15, 23, 42, 0.1),
    0 8px 24px rgba(66, 124, 208, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  background: linear-gradient(165deg, #ffffff 0%, #f8fbff 45%, #f4f9ff 100%);
}

.profile-card::before {
  height: 8px;
  opacity: 1;
  transform: scaleX(1);
  background: linear-gradient(90deg, #2855a0, #427cd0, #5a91dc, #427cd0, #2855a0);
  background-size: 200% 100%;
  animation: mopdicLeadershipShine 4s linear infinite;
}

.profile-card__image {
  height: 360px;
  background: linear-gradient(180deg, rgba(66, 124, 208, 0.22) 0%, rgba(66, 124, 208, 0.06) 35%, rgba(59, 178, 60, 0.04) 100%);
}

.profile-card__image::before {
  background:
    linear-gradient(180deg, rgba(66, 124, 208, 0.35) 0%, rgba(66, 124, 208, 0.08) 28%, transparent 45%),
    linear-gradient(180deg, transparent 58%, rgba(255, 255, 255, 0.98) 100%);
}

.profile-card__quote {
  width: 54px;
  height: 54px;
  font-size: 20px;
  background: linear-gradient(135deg, #3266b5, #427cd0, #5a91dc);
  box-shadow: 0 12px 32px rgba(66, 124, 208, 0.45), 0 0 0 7px rgba(255, 255, 255, 0.96);
}

.profile-card__name {
  font-size: 1.28rem;
  color: #1e3a5f;
}

.profile-card__role {
  font-size: 0.78rem;
  padding: 8px 18px;
  background: linear-gradient(135deg, rgba(66, 124, 208, 0.12), rgba(59, 178, 60, 0.1));
  border-color: rgba(66, 124, 208, 0.22);
  color: #3266b5;
}

.profile-card__role::before {
  background: #427cd0;
  box-shadow: 0 0 10px rgba(66, 124, 208, 0.6);
}

.profile-card__divider {
  width: 70px;
  height: 4px;
  background: linear-gradient(90deg, transparent, #427cd0, #3bb23c, #427cd0, transparent);
  opacity: 0.75;
}

.profile-card:hover {
  transform: translateY(-18px) scale(1.02);
  box-shadow:
    0 40px 90px rgba(15, 23, 42, 0.16),
    0 16px 40px rgba(66, 124, 208, 0.22);
  border-color: rgba(66, 124, 208, 0.28);
}

.profile-card:hover .profile-card__divider {
  width: 110px;
  opacity: 1;
}

/* ── International Collaboration (Partners) ── */
.partners-section-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 50%, #ffffff 100%);
}

.partners-section-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(680px, 90%);
  height: 280px;
  background: radial-gradient(ellipse, rgba(66, 124, 208, 0.08), transparent 70%);
  pointer-events: none;
}

.partners-logos {
  gap: 28px;
}

.partner-logo-card {
  min-height: 220px;
  padding: 36px 24px 28px;
  border-radius: 26px;
  border: 1px solid rgba(66, 124, 208, 0.1);
  box-shadow:
    0 16px 48px rgba(15, 23, 42, 0.07),
    0 4px 16px rgba(66, 124, 208, 0.06);
  animation: mopdicPartnerFloat 5s ease-in-out infinite;
}

.partners-logos .partner-logo-card:nth-child(2) { animation-delay: 0.4s; }
.partners-logos .partner-logo-card:nth-child(3) { animation-delay: 0.8s; }
.partners-logos .partner-logo-card:nth-child(4) { animation-delay: 1.2s; }
.partners-logos .partner-logo-card:nth-child(5) { animation-delay: 1.6s; }

.partner-logo-card::before {
  height: 5px;
  transform: scaleX(1);
  background: linear-gradient(90deg, #427cd0, #3bb23c, #feb91e, #427cd0);
  background-size: 200% 100%;
  animation: mopdicLeadershipShine 5s linear infinite;
}

.partner-logo-card::after {
  background: radial-gradient(circle at 50% 100%, rgba(66, 124, 208, 0.14), transparent 65%);
  opacity: 0.6;
}

.partner-logo-inner {
  height: 92px;
  margin-bottom: 18px;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(248, 250, 252, 0.9), rgba(230, 240, 255, 0.5));
  border: 1px solid rgba(66, 124, 208, 0.08);
}

.partner-logo-card:hover {
  transform: translateY(-16px) scale(1.04);
  animation: none;
  box-shadow:
    0 32px 70px rgba(15, 23, 42, 0.14),
    0 14px 32px rgba(66, 124, 208, 0.18);
}

.partner-logo-card .partner-arrow {
  opacity: 0.65;
  transform: translate(0, 0);
}

.partner-logo-card:hover .partner-arrow {
  animation: mopdicPartnerGlow 1.8s ease-in-out infinite;
}

@media (max-width: 768px) {
  .profile-card { width: 92%; max-width: 380px; }
  .partner-logo-card { animation: none; }
}