.about-card-v{
  max-width: 420px;
  margin: 0 auto 22px;
  padding: 22px 18px;

  background: radial-gradient(
    120% 120% at 50% -10%,
    rgba(255,90,145,.12),
    rgba(18,18,22,.9)
  );

  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    0 30px 80px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(255,255,255,.04);

  text-align: center;
  position: relative;
  overflow: hidden;
}

/* AVATAR */
.about-avatar{
  width: 130px;
  height: 130px;
  margin: 0 auto 14px;
  border-radius: 50%;
  position: relative;
}

.about-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}

.avatar-ring{
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    #ff5a91,
    #58acff,
    #ff5a91
  );
  filter: blur(2px);
  opacity: .85;
  animation: spin 6s linear infinite;
}

@keyframes spin{
  to{ transform: rotate(360deg); }
}

/* TEXT */
.about-kicker{
  letter-spacing: .18em;
  font-size: .75rem;
  opacity: .8;
  text-transform: uppercase;
}

.about-title{
  margin: 6px 0 10px;
  line-height: 1.1;
}

.about-desc{
  opacity: .9;
  font-size: .95rem;
}

/* STACK */
.about-stack{
  margin-top: 16px;
}

.stack-title{
  display: block;
  font-size: .8rem;
  opacity: .8;
  margin-bottom: 6px;
}

.stack-chips{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.stack-chips span{
  padding: 7px 10px;
  border-radius: 999px;
  font-size: .8rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}

/* EXPERIENCE */
.about-exp{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  margin-top: 16px;
}

.exp-item{
  padding: 10px 6px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
}

.exp-item b{
  display: block;
  color: #58acff;
  font-size: .95rem;
}

.exp-item span{
  font-size: .75rem;
  opacity: .85;
}

/* CTA */
.about-actions{
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 18px;
  flex-wrap: wrap;
}

/* HOVER WOW */
.about-card-v:hover{
  transform: translateY(-6px);
  transition: .4s ease;
  box-shadow:
    0 40px 100px rgba(0,0,0,.6),
    0 0 40px rgba(255,90,145,.25);
}

.avatar-ring{
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  z-index: 1;

  background: conic-gradient(
    from 0deg,
    #ff5a91,
    #58acff,
    #8b5cf6,
    #ff5a91
  );

  filter: blur(1.5px);
  opacity: .9;

  animation:
    ring-rotate 6s linear infinite,
    ring-pulse 2.8s ease-in-out infinite;
}

@keyframes ring-rotate {
  to { transform: rotate(360deg); }
}

@keyframes ring-pulse {
  0%,100%{
    box-shadow:
      0 0 18px rgba(255,90,145,.45),
      0 0 40px rgba(88,172,255,.25);
  }
  50%{
    box-shadow:
      0 0 28px rgba(255,90,145,.75),
      0 0 65px rgba(139,92,246,.45);
  }
}

.about-avatar::after{
  content:'';
  position:absolute;
  inset:-18px;
  border-radius:50%;
  background: radial-gradient(
    circle,
    rgba(88,172,255,.25),
    transparent 60%
  );
  animation: halo-float 4s ease-in-out infinite;
  z-index: 0;
}

@keyframes halo-float{
  0%,100%{ opacity:.4; transform: scale(1); }
  50%{ opacity:.7; transform: scale(1.05); }
}