/* ===== INDEX ONLY ===== */
.hero-card{
  position: relative;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: var(--shadow);
  overflow:hidden;
  min-height: 380px;
}

.hero-card::after{
  content:"";
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(420px 300px at 30% 30%, rgba(76,195,255,.16), transparent 65%),
    radial-gradient(520px 360px at 70% 10%, rgba(47,107,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.22));
  filter: blur(0px);
}

.stamp{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  padding: .72rem 1.05rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(7,8,11,.45);
  backdrop-filter: blur(10px);
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
  white-space:nowrap;
  z-index: 2;
}

.stamp span{
  background: linear-gradient(135deg, var(--blue), var(--blue2));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}

.learn{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin-top: .95rem;
  padding: .38rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.74);
  font-weight: 800;
  transition: transform var(--t), background var(--t), color var(--t);
}

.learn:hover{
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.92);
  transform: translateY(-1px);
}

@media (max-width: 980px){
  .hero-card{ min-height: 320px; }
}