/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Dec 27 2025 | 09:40:14 */
.platform-card-featured {
  position: relative;
  background: linear-gradient(135deg, #161616 0%, rgba(201, 162, 39, 0.08) 100%);
  border: 1px solid rgba(201, 162, 39, 0.25);
  border-radius: 20px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

/* Gold shimmer effect */
.platform-card-featured::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    transparent 30%,
    rgba(201, 162, 39, 0.15) 50%,
    transparent 70%
  );
  background-size: 200% 200%;
  background-position: 100% 100%;
  opacity: 0;
  transition: all 0.5s ease;
  pointer-events: none;
  z-index: 1;
}

/* Hover state */
.platform-card-featured:hover {
  transform: translateY(-8px);
  border-color: rgba(201, 162, 39, 0.5);
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(201, 162, 39, 0.15);
}

.platform-card-featured:hover::after {
  opacity: 1;
  background-position: 0% 0%;
}

/* Keep content above shimmer */
.platform-card-featured > * {
  position: relative;
  z-index: 2;
}







/*PLATFORM CARD*/


.platform-card {
  position: relative;
  background: #161616;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

/* Gold shimmer effect */
.platform-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    transparent 30%,
    rgba(201, 162, 39, 0.1) 50%,
    transparent 70%
  );
  background-size: 200% 200%;
  background-position: 100% 100%;
  opacity: 0;
  transition: all 0.5s ease;
  pointer-events: none;
  z-index: 1;
}

/* Hover state */
.platform-card:hover {
  transform: translateY(-8px);
  border-color: rgba(201, 162, 39, 0.3);
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.4),
    0 0 40px rgba(201, 162, 39, 0.1);
}

.platform-card:hover::after {
  opacity: 1;
  background-position: 0% 0%;
}

/* Keep content above shimmer */
.platform-card > * {
  position: relative;
  z-index: 2;
}



/*PLATFORM CARD SOON*/


.platform-card-soon {
  position: relative;
  background: linear-gradient(135deg, #161616 0%, rgba(201, 162, 39, 0.08) 100%);
  border: 1px solid rgba(201, 162, 39, 0.25);
  border-radius: 20px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

/* Gold shimmer effect */
.platform-card-soon::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    transparent 30%,
    rgba(201, 162, 39, 0.15) 50%,
    transparent 70%
  );
  background-size: 200% 200%;
  background-position: 100% 100%;
  opacity: 0;
  transition: all 0.5s ease;
  pointer-events: none;
  z-index: 1;
}

/* Hover state */
.platform-card-soon:hover {
  transform: translateY(-8px);
  border-color: rgba(201, 162, 39, 0.5);
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(201, 162, 39, 0.15);
}

.platform-card-soon:hover::after {
  opacity: 1;
  background-position: 0% 0%;
}

/* Keep content above shimmer */
.platform-card-soon > * {
  position: relative;
  z-index: 2;
}