/* افکت‌های کمکی مطابق طراحی نئونی */
.glass {
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, .06)
}

.shadow-card {
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .06)
}

.shadow-glow {
    box-shadow: 0 0 0 1px rgba(177, 227, 70, .25), 0 10px 40px -10px rgba(177, 227, 70, .35)
}

.drop-glow {
    filter: drop-shadow(0 0 18px rgba(177, 227, 70, .35))
}

 @keyframes marquee {
           0% {
               transform: translateX(0)
           }
           100% {
               transform: translateX(-50%)
           }
       }


 /*motion style*/
    :root { --brand: #b1e346; }

    /* Mesh */
    .hero-mesh {
      background:
        radial-gradient(40rem 40rem at 15% 25%, rgba(177,227,70,.14), transparent 60%),
        radial-gradient(36rem 36rem at 85% 70%, rgba(177,227,70,.10), transparent 70%),
        radial-gradient(32rem 32rem at 50% 95%, rgba(177,227,70,.08), transparent 80%);
      filter: saturate(1.05);
    }
    .dark .hero-mesh {
      background:
        radial-gradient(40rem 40rem at 15% 25%, rgba(177,227,70,.18), transparent 60%),
        radial-gradient(36rem 36rem at 85% 70%, rgba(177,227,70,.12), transparent 70%),
        radial-gradient(32rem 32rem at 50% 95%, rgba(177,227,70,.10), transparent 80%);
    }


    /* احترام به Reduce Motion */
    @media (prefers-reduced-motion: reduce) {
      .hero-grid, .hero-mesh { animation: none !important; }
    }
 /*motion style*/