/* FOOTER STYLES */
    .footer {
      position: relative;
	  background: linear-gradient(
        transparent 20%,
        #2e000c 100%), url(images/footer.png);
	  background-repeat: no-repeat;
	  background-size: cover;
	  left: 0;
	  right: 0;
	   /*;
      border-top: 3px solid #7d7720;*/
      -webkit-mask-image: linear-gradient(90deg, transparent -10%, black 4%, black 80%, rgba(0, 0, 0, 0.5) 96%, transparent 100%);
	   mask-image: linear-gradient(90deg, transparent -10%, black 4%, black 80%, rgba(0, 0, 0, 0.5) 96%, transparent 100%);
	  
      min-height: 140px; min-width: 1450px;
      z-index: 100;
	  box-sizing: border-box;
	
	 
    }
	.footer.footer-particles {
		 overflow: visible;
	}
	
	::-webkit-scrollbar {
    display: none;
}

	.footer.line3 {
		background: linear-gradient(
        transparent 20%,
        #0d2245 100%), url(../images2/footerLine3.png);
		 mix-blend-mode: hard-light;
transition: background 0.6s ease-in-out,
                        mix-blend-mode 0.6s ease-in-out,
                        background-blend-mode 0.6s ease-in-out;	
 background-repeat: no-repeat;
	}
	
	
	@keyframes colorGrad {
	0% { background: linear-gradient(
        transparent 20%,
	rgba(0, 44, 46,0.9) 100%), url(images/footer.png);}
	50% { background: linear-gradient(
        transparent 30%,
	rgba(0, 44, 46,0.4) 100%), url(images/footer.png);}
	100% { background: linear-gradient(
        transparent 20%, rgba(0, 44, 46,0.9) 100%), url(images/footer.png);}
	}

    /* Animated background elements */
    .footer::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: 
        radial-gradient(circle at 30% 85%, rgba(239, 245, 83, 0.2) 0%, transparent 20%),
		radial-gradient(circle at 80% 95%, rgba(239, 245, 83, 0.1) 0%, transparent 30%);
      animation: backgroundPulse 8s ease-in-out infinite;
	  
	 
    }

    @keyframes backgroundPulse {
      0%, 100% { opacity: 0.3; }
      50% { opacity: 0.7; }
    }

    /* Floating particles */
    .footer-particles {
      position: absolute;
      top: 30%;
      left: 0;
	  bottom: 0;
      width: 100%;
      height: 70%;
      pointer-events: none;
	  
    }
	
	.footer-particles.line3 {
      mix-blend-mode: plus-lighter;
	  
    }

    .particle {
      position: absolute;
      width: 4px;
      height: 4px;
      background: #00ecfc;
      border-radius: 50%;
      animation: float 6s linear infinite;
      opacity: 0;
	  box-shadow: 0 0 4px #ffebb5;
	  
    }

    @keyframes float {
      0% {
        transform: translateY(100px) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 1;
      }
      90% {
        opacity: 1;
      }
      100% {
        transform: translateY(-100px) translateX(50px);
        opacity: 0;
      }
    }

    /* Footer content wrapper */
    .footer-content {
      position: relative;
      z-index: 10;
      padding: 25px 20px 15px;
      display: grid;
      grid-template-columns: 1fr 1.3fr 1fr;
      gap: 30px;
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Footer sections */
    .footer-section {
      text-align: center;
      color: #feffa8;
    }

    .footer-section h3 {
      font-size: 20px;
      margin-bottom: 8px;
      text-shadow: 
        0 0 8px #2aa198,
        0 0 5px #0932e8;
      animation: titleGlow 3s ease-in-out infinite alternate;
    }

   

    /* Interactive elements */
    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-links li {
      margin: 10px 0;
    }

    .footer-link {
      color: #75ffca;
      text-decoration: none;
      font-size: 18px;
      transition: all 0.3s ease;
      display: inline-block;
      position: relative;
      padding: 8px 16px;
      border-radius: 20px;
      background: rgba(117, 255, 202, 0.1);
      border: 1px solid transparent;
    }

    .footer-link:hover {
      color: #fff;
      background: rgba(117, 255, 202, 0.2);
      border-color: #75ffca;
      transform: translateY(-2px);
      box-shadow: 
        0 5px 15px rgba(117, 255, 202, 0.3),
        0 0 20px rgba(117, 255, 202, 0.1);
    }

    /* Glowing logo/brand section */
    .footer-brand {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
    }

    .footer-logo {
      width: 90px;
      height: 90px;
      background-image: url(images/bulb.png);
	  background-size: cover;
	  background-position: center;
      border-radius: 2%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      font-weight: bold;
      color: #1a1a2e;
      animation: logoSpin 10s linear infinite;
      filter: drop-shadow(0 0 10px #4411ed);
		margin-top: 30px;
		filter: brightness(100%);
		 
    }

    @keyframes logoSpin {
      0% { transform: rotate(0deg); filter: drop-shadow(0 0 10px #4411ed); }
	  50% {transform: rotate(180deg); filter: drop-shadow(0 0 18px #075e8c); }
      100% { transform: rotate(360deg); filter: drop-shadow(0 0 10px #4411ed); }
    }
	
	.footer-logo.line3 {
		background-image: url(../images2/kolba.png); 
		background-size: 79%;
		background-repeat: no-repeat;
		height: 100px;
		filter: contrast(170%);
	}

    .footer-tagline {
      font-size: 16px;
      font-style: italic;
      opacity: 0.98;
      text-align: center;
	  text-shadow: 
          0 0 8px #2aa198,
          0 0 5px #0932e8;
		  background: radial-gradient(circle at 50% 50%, #652be3 0%, transparent 80%);
		animation: titleGlow 3s ease-in-out infinite alternate;
		white-space: pre-line;
		
    }
	
	.footer-tagline.line3 {
		font-size: 17px;
	}
	
	
	 @keyframes titleGlow {
      0% {
        text-shadow: 
          0 0 8px #2aa198,
          0 0 5px #0932e8;
      }
      100% {
        text-shadow: 
          0 0 12px red,
          0 0 8px red,
          0 0 4px red;
      }
    }
	
	 .footer-tagline2 {
      font-size: 15px;
      
      opacity: 0.88;
      text-align: center;
	  text-shadow: 0 0 8px #2aa198,
        0 0 5px #3bfffc,
		0 0 5px #3bfffc;
		margin-top: 30%;
    }
	
	.footer-tagline3 {
      font-size: 15px;
      
      opacity: 0.8;
      text-align: center;
	  text-shadow: 0 0 8px #2aa198,
        0 0 5px #3bfffc,
		0 0 5px #3bfffc;
		margin-top: 40%;
  color: #d9fffa;
    }

    /* Social icons with hover effects */
    .social-icons {
      display: flex;
      gap: 15px;
      justify-content: center;
      margin-top: 15px;
    }

    .social-icon {
      width: 40px;
      height: 40px;
      background: rgba(16, 16, 135, 0.6);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: #75ffca;
      font-size: 18px;
      transition: all 0.3s ease;
      border: 2px solid transparent;
    }

    .social-icon:hover {
      background: rgba(10, 239, 247, 0.8);
      color: #1a1a2e;
      border-color: #0aeff7;
      transform: scale(1.2) rotate(5deg);
      box-shadow: 0 5px 15px rgba(10, 239, 247, 0.4);
    }

    /* Copyright section */
    .footer-bottom {
      text-align: center;
      padding: 15px;
      border-top: 1px solid rgba(125, 119, 32, 0.3);
      margin-top: 15px;
      font-size: 14px;
      color: rgba(254, 255, 168, 0.7);
    }

    .footer-bottom strong {
      color: #75ffca;
      font-weight: bold;
      text-shadow: 0 0 5px rgba(117, 255, 202, 0.5);
    }

    /* Responsive design */
    @media (orientation: portrait) {
      .footer-content {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 15px;
      }
      .footer-logo {
      width: 190px;
      height: 190px;
	  }
	  
	.footer-logo.line3 {
		  height: 250px;
	  }
      
	  .footer-tagline {
        font-size: 25px;
		width: 50%;
		margin-top: 0;
		
      }
	  
	  .footer-tagline2 {
        font-size: 20px;
		width: 50%;
		margin-left: 20%;
		margin-top: 0;
      }
	  
	  .footer-tagline3 {
        font-size: 18px;
		width: 50%;
		margin-left: 20%;
		margin-top: 0;
      }
	  
	  .footer { background-size: cover; min-width: 980px; bottom: 0; }
	  
	  .footer.line3 { background-size: cover; }
	  
	  .footer.line3.udark { background-size: cover; }
    }

    /* Interactive wave effect on hover */
    .footer:hover::before {
      animation: backgroundPulse 2s ease-in-out infinite;
    }

    /* Morse code easter egg */
    .morse-easter-egg {
      position: absolute;
      bottom: 5px;
      right: 20px;
      font-family: 'Uamorzecode', monospace;
      font-size: 12px;
      color: rgba(117, 255, 202, 0.3);
      cursor: pointer;
      transition: color 0.3s ease;
    }

    .morse-easter-egg:hover {
      color: #75ffca;
    }