.bg-mesh {
  background: #080412;
  position: relative;
  overflow: auto;
  z-index: -1;
}
.bg-mesh::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(139,92,246,0.6) 0%, transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(59,130,246,0.5) 0%, transparent 45%),
    radial-gradient(circle at 55% 15%, rgba(236,72,153,0.35) 0%, transparent 40%),
    radial-gradient(circle at 10% 80%, rgba(6,182,212,0.3) 0%, transparent 40%);
  filter: blur(20px);
  animation: mesh-breathe 5s ease-in-out infinite;
  z-index: -1;
}
@keyframes mesh-breathe {
  0%, 100% { opacity: 0.7; transform: scale(1); }
  50%      { opacity: 1;   transform: scale(1.06); }
}

.card{
    backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.2);
  color:aliceblue;
  
}
body{
  text-align: center;
  color:aliceblue;
}
a{
  text-decoration: none;
}