/* Home card Liquid Glass finish. Scoped to the home shell and card surfaces only. */
.home-premium-shell {
  --mba-liquid-card-bg:
    radial-gradient(circle at 15% 8%, rgba(255, 255, 255, 0.92), transparent 34%),
    radial-gradient(circle at 82% 0%, rgba(220, 239, 255, 0.74), transparent 38%),
    radial-gradient(circle at 94% 112%, rgba(255, 219, 154, 0.40), transparent 42%),
    linear-gradient(142deg, rgba(255, 255, 255, 0.70), rgba(238, 248, 255, 0.46) 47%, rgba(255, 250, 241, 0.54));
  --mba-liquid-card-border: rgba(255, 255, 255, 0.82);
  --mba-liquid-card-shadow:
    0 22px 54px rgba(13, 38, 76, 0.18),
    0 8px 20px rgba(13, 38, 76, 0.09),
    inset 0 1.5px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(87, 130, 190, 0.18),
    inset 0 0 30px rgba(255, 255, 255, 0.34);
}

.home-premium-shell .home-primary-action-card,
.home-premium-shell .home-dashboard-card,
.home-premium-shell .home-special-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid var(--mba-liquid-card-border) !important;
  background: var(--mba-liquid-card-bg) !important;
  box-shadow: var(--mba-liquid-card-shadow) !important;
  -webkit-backdrop-filter: blur(34px) saturate(215%) brightness(1.08) !important;
  backdrop-filter: blur(34px) saturate(215%) brightness(1.08) !important;
  transform: translateZ(0) !important;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease !important;
}

.home-premium-shell .home-primary-action-card::before,
.home-premium-shell .home-dashboard-card::before,
.home-premium-shell .home-special-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(125deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.28) 18%, transparent 35%),
    radial-gradient(circle at 24% 0%, rgba(255, 255, 255, 0.76), transparent 28%),
    radial-gradient(circle at 100% 92%, color-mix(in srgb, var(--action-accent, #2563eb) 24%, transparent), transparent 40%) !important;
  opacity: 0.88 !important;
}

.home-premium-shell .home-primary-action-card::after,
.home-premium-shell .home-dashboard-card::after,
.home-premium-shell .home-special-card::after {
  content: "" !important;
  position: absolute !important;
  inset: -42% -80% auto auto !important;
  width: 72% !important;
  height: 220% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, transparent 18%, rgba(255, 255, 255, 0.42) 48%, transparent 74%) !important;
  transform: translateX(-36%) rotate(12deg) !important;
  opacity: 0.46 !important;
}

.home-premium-shell .home-primary-action-card > *,
.home-premium-shell .home-dashboard-card > *,
.home-premium-shell .home-special-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.home-premium-shell .home-primary-action-card:hover,
.home-premium-shell .home-dashboard-card:hover,
.home-premium-shell .home-special-card:hover,
.home-premium-shell .home-primary-action-card:focus-visible,
.home-premium-shell .home-dashboard-card:focus-visible,
.home-premium-shell .home-special-card:focus-visible {
  border-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 26px 64px rgba(13, 38, 76, 0.22),
    0 10px 24px color-mix(in srgb, var(--action-accent, #2563eb) 14%, transparent),
    inset 0 1.5px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(87, 130, 190, 0.16),
    inset 0 0 34px rgba(255, 255, 255, 0.42) !important;
  transform: translateY(-2px) scale(1.012) translateZ(0) !important;
}

.home-premium-shell .home-primary-action-card:active,
.home-premium-shell .home-dashboard-card:active,
.home-premium-shell .home-special-card:active {
  transform: translateY(0) scale(0.985) translateZ(0) !important;
  transition-duration: 80ms !important;
}

.home-premium-shell .home-primary-action-card__icon,
.home-premium-shell .home-dashboard-card__icon,
.home-premium-shell .home-special-card__icon {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 26% 12%, rgba(255, 255, 255, 0.72), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.74), color-mix(in srgb, var(--action-accent, #2563eb) 16%, rgba(255, 255, 255, 0.46))) !important;
  border: 1px solid rgba(255, 255, 255, 0.76) !important;
  box-shadow:
    0 12px 28px rgba(15, 42, 84, 0.14),
    0 3px 9px color-mix(in srgb, var(--action-accent, #2563eb) 16%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -1px 0 rgba(29, 78, 142, 0.12) !important;
}

.home-premium-shell .home-primary-action-card__icon::after,
.home-premium-shell .home-dashboard-card__icon::after,
.home-premium-shell .home-special-card__icon::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.62), transparent 35%),
    radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.34), transparent 28%) !important;
  mix-blend-mode: screen !important;
}

.home-premium-shell .home-primary-action-card__icon img,
.home-premium-shell .home-dashboard-card__icon img,
.home-premium-shell .home-special-card__icon img {
  transform: scale(1.025) !important;
  filter:
    saturate(1.08)
    contrast(1.04)
    brightness(1.03)
    drop-shadow(0 8px 12px rgba(12, 32, 64, 0.14)) !important;
}

.home-premium-shell .home-primary-action-card__title,
.home-premium-shell .home-dashboard-card__title,
.home-premium-shell .home-special-card__title {
  color: rgba(10, 26, 47, 0.96) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

.home-premium-shell .home-primary-action-card__subtitle,
.home-premium-shell .home-dashboard-card__subtitle,
.home-premium-shell .home-special-card__subtitle,
.home-premium-shell .home-special-card__cta {
  color: rgba(56, 72, 94, 0.86) !important;
}

.home-premium-shell .home-primary-action-card__arrow,
.home-premium-shell .home-dashboard-card__arrow,
.home-premium-shell .home-special-card__arrow {
  color: color-mix(in srgb, var(--action-accent, #2563eb) 70%, #334155) !important;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.74)) !important;
}

@media (prefers-reduced-motion: no-preference) {
  .home-premium-shell .home-primary-action-card::after,
  .home-premium-shell .home-dashboard-card::after,
  .home-premium-shell .home-special-card::after {
    animation: mbaHomeLiquidCardSheen 8.5s ease-in-out infinite !important;
  }
}

@keyframes mbaHomeLiquidCardSheen {
  0%, 72%, 100% {
    transform: translateX(-50%) rotate(12deg);
    opacity: 0;
  }
  80% {
    opacity: 0.42;
  }
  92% {
    transform: translateX(72%) rotate(12deg);
    opacity: 0;
  }
}

@media (max-width: 430px) {
  .home-premium-shell .home-primary-action-card,
  .home-premium-shell .home-dashboard-card,
  .home-premium-shell .home-special-card {
    border-radius: 18px !important;
    box-shadow:
      0 16px 38px rgba(13, 38, 76, 0.15),
      0 5px 14px rgba(13, 38, 76, 0.08),
      inset 0 1.2px 0 rgba(255, 255, 255, 0.96),
      inset 0 -1px 0 rgba(87, 130, 190, 0.14) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-premium-shell .home-primary-action-card,
  .home-premium-shell .home-dashboard-card,
  .home-premium-shell .home-special-card,
  .home-premium-shell .home-primary-action-card::after,
  .home-premium-shell .home-dashboard-card::after,
  .home-premium-shell .home-special-card::after {
    animation: none !important;
    transition: none !important;
  }
}