@media(min-width:768px){

  .pageSliderContent .swiper-slide .slider-contents{

    width: 34%;

  }

  .weta-slider-tag{

    font-size: 65px !important;

  }

}

.card {

  width: 100%;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent);

  border-radius: 16px;

  box-shadow: 0 12px 40px rgba(2, 6, 23, 0.6);

  padding: 32px;

  gap: 24px;

  align-items: center;

  border: 1px solid rgba(255, 255, 255, 0.03);

  backdrop-filter: blur(6px);

}



.left {

  padding: 8px 12px;

}



.title {

  font-size: 40px;

  font-weight: 700;

  margin: 0 0 8px 0;

  letter-spacing: -0.2px;

}



.subtitle {

  color: var(--muted);

  margin: 0 0 20px 0;

  font-size: 0.95rem;

}



.hero-note {

  display: inline-block;

  padding: 8px 12px;

  border-radius: 999px;

  background: linear-gradient(90deg, rgba(255, 107, 107, 0.12), rgba(99, 102, 241, 0.06));

  color: #ffdfe0;

  font-weight: 600;

  margin-bottom: 16px;

  font-size: 20px;

}



.countdown {

  display: flex;

  gap: 12px;

  flex-wrap: wrap;

  justify-content: center;

  margin-top: 30px;

}



.unit {

  background: var(--glass);

  padding: 14px 18px;

  min-width: 92px;

  border-radius: 12px;

  text-align: center;

  border: 1px solid rgba(255, 255, 255, 0.02);

  box-shadow: 0 6px 18px rgba(2, 6, 23, 0.45) inset;

}



.number {

  font-size: 35px;

  font-weight: 800;

  letter-spacing: -0.5px;

}



.unit .label {

  font-size: 20px;

  margin-top: 6px;

}





@keyframes float {

  0% {

    transform: translate(-30%, -20%) scale(0.98)

  }



  50% {

    transform: translate(-28%, -18%) scale(1.03)

  }



  100% {

    transform: translate(-30%, -20%) scale(0.98)

  }

}





.muted {

  color: var(--muted);

  font-size: 0.9rem;

}



@media (max-width:880px) {

  .card {

    grid-template-columns: 1fr;

    padding: 20px;

  }

}



.number.waiting {

  animation: pulseNum 1.2s infinite;

}



@keyframes pulseNum {

  0% {

    transform: translateY(0);

    opacity: 1

  }



  50% {

    transform: translateY(-4px);

    opacity: 0.95

  }



  100% {

    transform: translateY(0);

    opacity: 1

  }

}



.live-badge {

  display: inline-block;

  padding: 6px 10px;

  border-radius: 999px;

  background: linear-gradient(90deg, #ff6b6b, #d946ef);

  color: white;

  font-weight: 700;

  font-size: 0.85rem;

  box-shadow: 0 8px 30px rgba(217, 70, 239, 0.12);

}



.icon-section .icon-wrapper {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  height: 100%;

  border: 1px solid;

  border-radius: 20px;

  background-color: var(--site-color);

}



.icon-section .icon {

  width: 45px;

  height: 45px;

  border-radius: 8px;

  margin: 0px !important;

  background-color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

}



.icon-wrapper .icon-title {

  width: calc(100% - 60px);

}



.icon-wrapper .icon-title * {

  margin-bottom: 0px !important;

}



.icon-section .icon-wrapper .icon span {

  font-size: 20px;

  color: var(--site-color) !important;

}



small {

  font-size: 12px;

}



.icon-section .icon-wrapper:hover {

  background-color: var(--site-hover-color);

}



.icon-description {

  margin-top: 15px;

}



.icon-section .icon-wrapper * {

  color: #fff !important;

}

.icon-section .icon-wrapper:hover .icon span{

  color: var(--site-hover-color) !important;

}