/* پس‌زمینه گرادیانی + نویز ملایم */
    body{
      background:
        radial-gradient(1200px 600px at 85% -10%, #c7d2fe55 20%, transparent 60%),
        radial-gradient(900px 500px at -10% 20%, #f0abfc33 10%, transparent 60%),
        linear-gradient(135deg, #0f172a 0%, #0b1220 100%);
    }
    /* گرید شطرنجی کم‌رنگ برای عمق بصری */
    .grid-overlay{
      background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
      background-size: 28px 28px, 28px 28px;
      mask-image: radial-gradient(1200px 600px at 70% -20%, black 30%, transparent 70%);
      pointer-events: none;
    }
    /* اسکرول‌رِویل */
    .reveal{opacity:0; transform: translateY(24px); transition: all .7s cubic-bezier(.22,.7,.26,1);}
    .reveal.show{opacity:1; transform: none;}
    /* شیشه‌ای نرم + بردر گرادیانی */
    .glass{background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
           backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
           position: relative; }
    .glass::before{
      content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
      background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.06));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude;
      pointer-events:none;
    }
    /* تراشه */
    .chip{background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);}
    /* هاله‌ی اورب‌های قهرمان */
    .orb{ filter: blur(24px); opacity:.75; }
    /* افکت موس اسپات‌لایت */
    .spotlight{
      --x:50%; --y:50%;
      background: radial-gradient(260px 180px at var(--x) var(--y), rgba(99,102,241,.18), transparent 60%);
      pointer-events:none;
    }