.grid-soft{
    background-image: radial-gradient(circle, rgba(148,163,184,.35) 1px, transparent 1px);
    background-size: 22px 22px;
  }

  .info-card{
    background:#ffffff;
    border:1px solid #e2e8f0;
    border-radius: 1.5rem;
    padding: 1.75rem;
    box-shadow: 0 10px 28px rgba(2,6,23,.06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .info-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(2,6,23,.10);
    border-color: rgba(226,32,45,.18);
  }

  @media (prefers-reduced-motion: reduce){
    *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  }