:root{
  --xprove-grid: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
}
body{
  background-image:
    url('../images/bg-pattern.svg'),
    var(--xprove-grid),
    radial-gradient(1000px 600px at 80% -10%, rgba(0,229,255,0.15), transparent 60%),
    linear-gradient(135deg, #0F172A 0%, #1E293B 60% , #0F172A 100%);
  background-size: cover, 12px 12px, auto, auto;
  background-attachment: fixed, fixed, fixed, fixed;
}
.section-glow{
  position: relative;
  isolation: isolate;
}
.section-glow::before{
  content:"";
  position:absolute; inset:-2rem;
  background: radial-gradient(600px 300px at 20% -10%, rgba(0,229,255,.35), transparent 60%);
  z-index:-1;
  filter: blur(12px);
}
.card{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  backdrop-filter: blur(6px);
}
.badge{
  display:inline-block;
  padding:.25rem .5rem;
  border-radius:999px;
  background: rgba(0,229,255,.18);
  color:#00E5FF; font-weight:600; letter-spacing:.02em;
}
.icon{
  width: 28px; height: 28px; vertical-align: middle; margin-right: .5rem;
}