/* Start custom CSS */.bg-art {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: #f7f8fc;
  
  /* שכבת הגרדיאנט הצבעוני (סגול-כחול מימין, כתומי-וורוד משמאל) */
  background-image: 
    radial-gradient(ellipse 60% 50% at 100% 0%, rgba(205, 180, 255, 0.45) 0%, rgba(220, 210, 255, 0.15) 50%, transparent 100%),
    radial-gradient(ellipse 50% 60% at 0% 100%, rgba(255, 205, 185, 0.5) 0%, rgba(255, 225, 210, 0.15) 50%, transparent 100%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8) 0%, transparent 100%);
}

/* שכבת הרשת העדינה (Grid overlay) */
.site-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 40px 40px;
  background-image: 
    linear-gradient(to right, rgba(0, 0, 0, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.035) 1px, transparent 1px);
  pointer-events: none;
}/* End custom CSS */