

  
  
    
    
      
      
      
      
    
    
    
    
      
      
      
      
    
    
    
    
      
      
      
    
    
    
    
      
    
    
    
      
    
  
  
  
  
    
  
  
  
  
    
    
  
  
  
  
    
  
  
  
  
    
  
  
  
    
  




  .stars-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -999998;
    background-image: 
      /* Генерация множества звезд через CSS */
      radial-gradient(1px 1px at 10% 20%, #fff 1px, transparent 2px),
      radial-gradient(1px 1px at 20% 30%, #fff 1px, transparent 2px),
      radial-gradient(2px 2px at 30% 40%, #fff 2px, transparent 3px),
      radial-gradient(1px 1px at 40% 50%, #fff 1px, transparent 2px),
      radial-gradient(2px 2px at 50% 60%, #fff 2px, transparent 3px),
      radial-gradient(1px 1px at 60% 70%, #fff 1px, transparent 2px),
      radial-gradient(3px 3px at 70% 80%, #fff 3px, transparent 4px),
      radial-gradient(1px 1px at 80% 90%, #fff 1px, transparent 2px),
      radial-gradient(2px 2px at 90% 10%, #fff 2px, transparent 3px),
      radial-gradient(1px 1px at 15% 25%, #fff 1px, transparent 2px),
      radial-gradient(2px 2px at 25% 35%, #fff 2px, transparent 3px),
      radial-gradient(1px 1px at 35% 45%, #fff 1px, transparent 2px),
      radial-gradient(3px 3px at 45% 55%, #fff 3px, transparent 4px),
      radial-gradient(1px 1px at 55% 65%, #fff 1px, transparent 2px),
      radial-gradient(2px 2px at 65% 75%, #fff 2px, transparent 3px),
      radial-gradient(1px 1px at 75% 85%, #fff 1px, transparent 2px),
      radial-gradient(3px 3px at 85% 95%, #fff 3px, transparent 4px),
      radial-gradient(1px 1px at 95% 5%, #fff 1px, transparent 2px);
    
    background-size: 100% 100%;
    animation: stars-twinkle 5s infinite alternate;
  }
  
  @keyframes stars-twinkle {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
  }


