/* AURIXA HOME FEATURED PREMIUM — ISOLATED */

#root .app .vd2-dashboard .vd2-featured-plan--carousel {
  isolation:isolate;
  position:relative;
  box-sizing:border-box;
  min-height:340px!important;
  padding:17px 17px 19px!important;
  border-radius:28px!important;
  overflow:hidden;
  border:1px solid rgba(205,225,231,.20)!important;
  background:
    radial-gradient(80% 75% at 90% 10%,rgba(218,244,145,.11),transparent 75%),
    radial-gradient(90% 80% at 0% 100%,rgba(58,100,146,.23),transparent 75%),
    linear-gradient(155deg,#192734,#111d2b 55%,#091420)!important;
  box-shadow:
    0 18px 40px rgba(5,15,28,.28),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(
    120deg,
    rgba(255,255,255,.06),
    transparent 48%
  );
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel::after {
  content:"";
  position:absolute;
  width:205px;
  height:205px;
  right:-65px;
  bottom:45px;
  border-radius:50%;
  border:1px solid rgba(214,242,185,.10);
  box-shadow:
    0 0 0 27px rgba(214,242,185,.025),
    0 0 0 58px rgba(214,242,185,.012);
  pointer-events:none;
  z-index:0;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-glow {
  opacity:.28!important;
  pointer-events:none!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-top {
  position:relative;
  z-index:4;
  min-height:40px!important;
  display:flex;
  align-items:flex-start;
  gap:7px;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-ai-badge,
#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-duration {
  min-height:30px;
  border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(209,225,232,.15)!important;
  color:#e7eeee!important;
  backdrop-filter:blur(5px);
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-ai-badge svg,
#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-duration svg {
  width:14px;
  height:14px;
  color:#d4efb5!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-hourly {
  position:relative;
  z-index:4;
  margin-left:auto;
  text-align:right;
  white-space:nowrap;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-hourly small {
  color:#aec1cc!important;
  font-size:10px!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-hourly strong {
  color:#f6fafb!important;
  font-size:clamp(19px,5vw,26px)!important;
  font-weight:900!important;
  letter-spacing:-.8px;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-title {
  position:relative;
  z-index:3;
  max-width:76%;
  margin-top:21px!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-title small {
  color:#b8c9d0!important;
  font-size:10px!important;
  letter-spacing:1px;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-title h2 {
  color:#f8fbfc!important;
  font-size:clamp(23px,6.5vw,32px)!important;
  line-height:1.09!important;
  font-weight:900!important;
  letter-spacing:-.8px!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-title p {
  color:#c9d7dc!important;
  font-size:12px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-chart {
  position:absolute;
  left:12px;
  right:12px;
  bottom:72px;
  height:125px!important;
  z-index:1;
  opacity:.88!important;
  pointer-events:none!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-chart svg {
  width:100%!important;
  height:100%!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-chart-line {
  stroke:#d7efa8!important;
  stroke-width:2.4!important;
  fill:none!important;
  filter:drop-shadow(0 0 6px rgba(210,239,161,.35));
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-chart-area {
  opacity:.58!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-mascot {
  right:8px!important;
  bottom:80px!important;
  width:min(37vw,145px)!important;
  max-width:39%!important;
  height:auto!important;
  z-index:2!important;
  pointer-events:none!important;
  filter:drop-shadow(0 12px 19px rgba(4,12,22,.46))!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel button {
  position:relative;
  z-index:5;
  border-radius:16px!important;
  border:1px solid rgba(210,228,225,.20)!important;
  background:linear-gradient(
    135deg,
    rgba(230,243,238,.13),
    rgba(140,173,172,.05)
  )!important;
  color:#f7fbfc!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}

#root .app .vd2-dashboard .vd2-featured-plan--carousel button svg {
  color:#d9f45f!important;
}

#root .app .vd2-dashboard .vd2-plan-carousel-dots button.active {
  background:#d9f45f!important;
  box-shadow:0 0 12px rgba(217,244,95,.3)!important;
}

@media(max-width:390px) {
  #root .app .vd2-dashboard .vd2-featured-plan--carousel {
    min-height:328px!important;
    padding:14px!important;
  }
  #root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-plan-title {
    max-width:78%;
    margin-top:17px!important;
  }
  #root .app .vd2-dashboard .vd2-featured-plan--carousel .vd2-mascot {
    width:min(34vw,125px)!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  #root .app .vd2-dashboard .vd2-featured-plan--carousel {
    animation:none!important;
  }
}