'); background-size: cover; } .footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; position: relative; z-index: 1; } .footer-section { text-align: center; padding: 1.5rem; background: rgba(255, 255, 255, 0.05); border-radius: 15px; backdrop-filter: blur(10px); transition: transform 0.3s ease; } .footer-section:hover { transform: translateY(-5px); } .footer-section h4 { color: #2ecc71; font-size: 1.5rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; } .footer-section h4::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 2px; background: #2ecc71; } .footer-links { list-style: none; padding: 0; } .footer-links li { margin-bottom: 0.8rem; } .footer-links a { color: #ecf0f1; text-decoration: none; position: relative; padding: 0.3rem 0; display: inline-block; } .footer-links a::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #2ecc71; transition: width 0.3s ease; } .footer-links a:hover::before { width: 100%; } .social-icons { display: flex; justify-content: center; gap: 1.5rem; margin-top: 1.5rem; } .social-icons a { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .social-icons a:hover { background: #2ecc71; transform: translateY(-3px); } .footer-bottom { text-align: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .back-to-top { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; background: #2ecc71; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } .back-to-top:hover { transform: translateX(-50%) scale(1.1); } @media (max-width: 768px) { .footer-content { grid-template-columns: 1fr; gap: 2rem; } .footer-section { margin: 0 1rem; } }