footer {
     background-color: #080818;
     padding: 50px 0 20px;
     border-top: 1px solid rgba(0, 229, 255, 0.1);
   }

   .footer-content {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 50px;
     margin-bottom: 50px;
   }

   .footer-description {
     color: #aaa;
     line-height: 1.8;
     margin-bottom: 25px;
   }

   .social-links {
     display: flex;
     gap: 15px;
   }

   .social-link {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.1);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s;
     color: var(--light);
     font-size: 1.2rem;
     text-decoration: none;
   }

   .social-link:hover {
     background: var(--secondary);
     color: var(--dark);
     transform: translateY(-3px);
   }

   .footer-heading {
     font-size: 1.3rem;
     margin-bottom: 25px;
     color: var(--secondary);
     position: relative;
     display: inline-block;
   }

   .footer-heading::after {
     content: '';
     position: absolute;
     bottom: -8px;
     left: 0;
     width: 30px;
     height: 2px;
     background: var(--accent);
   }

   .footer-links {
     list-style: none;
   }

   .footer-links li {
     margin-bottom: 15px;
   }

   .footer-links a {
     color: #aaa;
     text-decoration: none;
     transition: color 0.3s;
     display: flex;
     align-items: center;
     gap: 10px;
   }

   .footer-links a:hover {
     color: var(--secondary);
   }

   .footer-links i {
     color: var(--accent);
   }

   .copyright {
     text-align: center;
     padding-top: 20px;
     border-top: 1px solid rgba(0, 229, 255, 0.1);
     color: #777;
     font-size: 0.9rem;
   }

.copyright a {
  margin-left: 0.25rem;
  color: rgb(37 99 235); /* text-blue-600 */
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.copyright a:hover {
  color: rgb(29 78 216); /* hover:text-blue-700 */
  text-decoration: underline;
}

.copyright .disclaimer {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem; /* text-xs */
  color: rgb(156 163 175); /* text-gray-400 */
}