.glossary-wrap{
    position: relative;
    isolation: isolate; 
    --g-from:#ffffff;
    --g-to:#f6f9ff;
  }
  .glossary-wrap::before,
  .glossary-wrap::after,
  .glossary-deco::before,
  .glossary-deco::after{
    content:"";
    position:absolute;
    inset:auto;
    pointer-events:none;
    z-index:-1;
  }
  
  /* главное мягкое "небо" */
  .glossary-wrap::before{
    inset:-20px -0px;
    background:
      radial-gradient(1200px 400px at 50% -10%, rgba(59,130,246,.12), transparent 60%),
      linear-gradient(to bottom, var(--g-from), var(--g-to));
    mask: linear-gradient(#000, transparent 85%);
  }
  

  .glossary-deco::after{
    top: -14px; right: -14px; width: 180px; height: 120px;
    background:
      repeating-linear-gradient(45deg,
        rgba(15,23,42,.06) 0 14px,
        rgba(15,23,42,.00) 14px 28px);
    border-radius: 16px;
    filter: blur(.2px);
  }
  

  .glossary-wrap::after{
    left:-80px; top:60px; width:280px; height:280px;
    background:
      conic-gradient(from 0deg at 50% 50%,
        rgba(30,58,138,.12) 0 75%, transparent 75% 100%),
      radial-gradient(circle at 50% 50%, transparent 54%, #fff 54% 65%, transparent 66%);
    border-radius:50%;
    transform: rotate(-20deg);
    box-shadow: 0 0 0 1px rgba(30,58,138,.06) inset;
  }
  @media (min-width:1024px){
    .glossary-wrap::after{ left: -120px; top: 40px; transform: rotate(-28deg) scale(1.05); }
  }

  .glossary-deco::before{
    right:-40px; bottom:-30px; width:200px; height:200px;
    background:
      conic-gradient(from 0deg at 50% 50%,
        rgba(2,132,199,.10) 0 75%, transparent 75% 100%),
      radial-gradient(circle at 50% 50%, transparent 54%, #fff 54% 65%, transparent 66%);
    border-radius:50%;
    transform: rotate(18deg);
    box-shadow: 0 0 0 1px rgba(2,132,199,.06) inset;
  }
  

  .glossary-silhouette{
    position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:
      url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 300' preserveAspectRatio='xMidYMid slice'>\
  <g fill='none' stroke='rgba(15,23,42,0.05)' stroke-width='6'>\
  <path d='M120,220 C170,160 240,150 320,165 C390,178 450,210 520,205 C600,198 680,160 760,175'/>\
  <path d='M300,190 q40,-60 100,-50 q35,5 55,25 q15,15 35,18 q50,8 75,-22'/>\
  <path d='M420,155 q10,-30 40,-30 q22,0 32,18'/>\
  </g></svg>") center/cover no-repeat;
    opacity:.9;
    mask-image: radial-gradient(60% 60% at 50% 45%, #000 0%, transparent 75%);
  }
  
  /* уважение к людям с reduced motion */
  @media (prefers-reduced-motion: reduce){
    .glossary-wrap::before{ background-attachment: initial; }
  }