@keyframes wp-main-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes wp-card-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.992);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-content.app-content,
  .main-content.app-content .page-title,
  .main-content.app-content h1.page-title,
  .main-content.app-content h3.page-title,
  .main-content.app-content .row.g-3 [class*="col"] .custom-card,
  .main-content.app-content .row.g-3 [class*="col"] .card,
  .main-content.app-content .row.g-3 [class*="col"] .dashboard-card,
  .main-content.app-content .row.g-3 [class*="col"] .dash-stat-card,
  .main-content.app-content .row.g-3 [class*="col"] .billing-card-premium,
  .main-content.app-content .row.g-3 [class*="col"] .mini-metric-card,
  .main-content.app-content .row.g-3 [class*="col"] .hero-metric-card,
  .login-container,
  .register-container,
  .register-card,
  .login-box {
    animation: none !important;
  }
}

.main-content.app-content {
  animation: wp-main-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.main-content.app-content .page-title,
.main-content.app-content h1.page-title,
.main-content.app-content h3.page-title {
  animation: wp-main-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both;
}

.main-content.app-content .row.g-3 > [class*="col"]:nth-child(1) > :where(.custom-card, .card, .dashboard-card, .dash-stat-card, .billing-card-premium, .mini-metric-card, .hero-metric-card) {
  animation: wp-card-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

.main-content.app-content .row.g-3 > [class*="col"]:nth-child(2) > :where(.custom-card, .card, .dashboard-card, .dash-stat-card, .billing-card-premium, .mini-metric-card, .hero-metric-card) {
  animation: wp-card-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
}

.main-content.app-content .row.g-3 > [class*="col"]:nth-child(3) > :where(.custom-card, .card, .dashboard-card, .dash-stat-card, .billing-card-premium, .mini-metric-card, .hero-metric-card) {
  animation: wp-card-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.14s both;
}

.main-content.app-content .row.g-3 > [class*="col"]:nth-child(4) > :where(.custom-card, .card, .dashboard-card, .dash-stat-card, .billing-card-premium, .mini-metric-card, .hero-metric-card) {
  animation: wp-card-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
}

.main-content.app-content .row.g-3 > [class*="col"]:nth-child(5) > :where(.custom-card, .card, .dashboard-card, .dash-stat-card, .billing-card-premium, .mini-metric-card, .hero-metric-card) {
  animation: wp-card-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
}

.main-content.app-content .row.g-3 > [class*="col"]:nth-child(6) > :where(.custom-card, .card, .dashboard-card, .dash-stat-card, .billing-card-premium, .mini-metric-card, .hero-metric-card) {
  animation: wp-card-in 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.26s both;
}

.main-content.app-content .custom-card:not(.no-hover-lift),
.main-content.app-content .dash-stat-card:not(.no-hover-lift),
.main-content.app-content .billing-card-premium:not(.no-hover-lift),
.main-content.app-content .mini-metric-card:not(.no-hover-lift),
.main-content.app-content .hero-metric-card:not(.no-hover-lift),
.main-content.app-content .sidebar-metric-card:not(.no-hover-lift) {
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease !important;
}

.main-content.app-content .custom-card:not(.no-hover-lift):hover,
.main-content.app-content .dash-stat-card:not(.no-hover-lift):hover,
.main-content.app-content .billing-card-premium:not(.no-hover-lift):hover,
.main-content.app-content .mini-metric-card:not(.no-hover-lift):hover,
.main-content.app-content .hero-metric-card:not(.no-hover-lift):hover,
.main-content.app-content .sidebar-metric-card:not(.no-hover-lift):hover {
  transform: translateY(-4px);
}

.login-container,
.register-container {
  animation: wp-main-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.register-card {
  animation: wp-card-in 0.52s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
}

.login-box {
  animation: wp-card-in 0.52s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
}