/*//////////////////////////////////////////////////////////
  47Flare — CARD / HERO
//////////////////////////////////////////////////////////*/

.wrap{
  /* garante content box estável */
  width: 100%;
}

.card{
  /* IMPORTANT: nunca uses vw aqui dentro do wrap com padding */
  width: 100%;
  max-width: 760px;

  margin-inline: auto;

  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
  position: relative;
}

.card::after{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: var(--radius);
  pointer-events: none;
  background:
    radial-gradient(600px 180px at 20% 0%, rgba(0,199,182,0.22), transparent 55%),
    radial-gradient(520px 240px at 90% 10%, rgba(0,199,182,0.14), transparent 60%);
  opacity: 0.9;
}

.card-inner{
  position: relative;
  padding: 22px 22px 18px;
  z-index: 1;
}

/* (optional) um toque melhor no mobile */
@media (max-width: 420px){
  .card-inner{ padding: 18px 16px 16px; }
}