.elementor-2185 .elementor-element.elementor-element-2afe0e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-2185 .elementor-element.elementor-element-8334864{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-8334864 */.elementor-2185 .elementor-element.elementor-element-8334864 .elementor-2185 .elementor-element.elementor-element-8334864 .pfCardSec{
  padding: 90px 16px;
  background:
    radial-gradient(1000px 620px at 50% 50%, rgba(90,120,255,.10), transparent 62%),
    radial-gradient(1000px 620px at 50% 75%, rgba(180,90,255,.06), transparent 60%),
    linear-gradient(180deg, #05070c, #05070c);
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCardSec__wrap{
  max-width: 1120px;
  margin: 0 auto;
  display:grid;
  place-items:center;
}

/* CARD */
.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard{
  --mx: 0;
  --my: 0;
  --tilt: 12deg;

  width: min(380px, 90vw);
  height: 520px;
  border-radius: 28px;
  position: relative;
  overflow: hidden;

  background: linear-gradient(180deg, rgba(15,22,40,.92), rgba(10,14,24,.92));
  box-shadow: 0 30px 90px rgba(0,0,0,.55);

  transform-style: preserve-3d;
  transform: perspective(900px)
    rotateX(calc(var(--my) * -1 * var(--tilt)))
    rotateY(calc(var(--mx) * var(--tilt)));
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard.is-hover{
  box-shadow: 0 40px 120px rgba(0,0,0,.62);
}

/* ✅ Thin gradient border (cyan -> purple) like screenshot */
.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__border{
  position:absolute;
  inset:0;
  border-radius: 28px;
  pointer-events:none;
  padding: 1px; /* thin */
  background: linear-gradient(135deg,
    rgba(65,215,255,.75),
    rgba(90,120,255,.35) 45%,
    rgba(170,90,255,.75)
  );

  /* show only border ring */
  -webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
          mask-composite: exclude;

  opacity: .75;
}

/* ✅ ONE-WAY Light: bottom-right -> top-left, then disappear, then restart */
.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__sweep{
  position:absolute;
  inset:-40%;
  pointer-events:none;
  mix-blend-mode: screen;

  /* white-ish light and diagonal beam */
  background:
    radial-gradient(520px 360px at 78% 78%, rgba(255,255,255,.14), transparent 68%),
    linear-gradient(135deg, transparent 42%, rgba(255,255,255,.12) 50%, transparent 58%);

  transform: translate3d(34%, 30%, 0) rotate(-12deg);
  opacity: 0;
  animation: pfOneWay 4.6s linear infinite;
}

/* Hover: light reacts a bit but still one-way */
.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard.is-hover .pfCard__sweep{
  transform:
    translate3d(calc(34% + var(--mx) * 3%), calc(30% + var(--my) * 3%), 0)
    rotate(-12deg);
}

/* KEY: not ping-pong. It goes up-left and fades out at end */
@keyframes pfOneWay{
  0%{
    transform: translate3d(34%, 30%, 0) rotate(-12deg);
    opacity: 0;
  }
  10%{
    opacity: .65;  /* fade in */
  }
  75%{
    opacity: .65;  /* stays visible while moving */
  }
  100%{
    transform: translate3d(-28%, -26%, 0) rotate(-12deg); /* top-left */
    opacity: 0;     /* disappear / mix */
  }
}

/* CONTENT */
.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__content{
  position:relative;
  height:100%;
  padding: 26px 22px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  z-index:2;
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__name{
  margin: 0;
  font-size: 44px;
  line-height: 1.05;
  font-weight: 800;
  color: rgba(190,195,235,.88);
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__role{
  margin-top: 6px;
  font-size: 13px;
  color: rgba(255,255,255,.55);
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__imgWrap{
  width: 100%;
  flex: 1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px 0;
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__img{
  width: 78%;
  max-height: 330px;
  object-fit: contain;
  opacity: .92;
  transform: translateZ(18px);
}

/* footer glass */
.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__footer{
  width: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;

  transform: translateZ(22px);
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__user{
  display:flex;
  align-items:center;
  gap: 10px;
  text-align:left;
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__avatar{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.12);
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__handle{
  font-size: 12.5px;
  font-weight: 700;
  color: rgba(255,255,255,.88);
  line-height: 1.1;
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__status{
  font-size: 12px;
  color: rgba(255,255,255,.60);
  line-height: 1.1;
  display:flex;
  align-items:center;
  gap: 6px;
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(120,255,170,.95);
  box-shadow: 0 0 10px rgba(120,255,170,.35);
}

.elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__btn{
  height: 30px;
  padding: 0 14px;
  border-radius: 10px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.82);
  font-size: 12px;
  font-weight: 700;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

@media (max-width: 480px){
  .elementor-2185 .elementor-element.elementor-element-8334864 .pfCard{ height: 500px; }
  .elementor-2185 .elementor-element.elementor-element-8334864 .pfCard__name{ font-size: 36px; }
}/* End custom CSS */