/* Footer */
 .footer {
     background: #1a1a1a;
     color: white;
     padding: 60px 0 30px;
 }

 .footer-links a {
     color: rgba(255, 255, 255, 0.7);
     text-decoration: none;
     transition: all 0.3s ease;
 }

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

 .social-icons a {
     display: inline-block;
     width: 40px;
     height: 40px;
     background: var(--primary-gradient);
     border-radius: 50%;
     text-align: center;
     line-height: 40px;
     color: white;
     margin: 0 10px;
     transition: all 0.3s ease;
 }

 .social-icons a:hover {
     transform: translateY(-3px);
 }