footer {
font-family: 'Segoe UI', system-ui, sans-serif;
color: #e0e0e0;
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}

/* Fade-in for whole footer content */
.fade-in-up {
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.7s ease forwards;
}

@keyframes fadeInUp {
to { opacity: 1; transform: translateY(0); }
}

h4, h5 {
margin-bottom: 0.9rem;
font-weight: 600;
font-size: 1.1rem;
}

/* Attractive Social Buttons */
.social-icons .social-icon {
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(255,255,255,0.08);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: 2px solid rgba(255,255,255,0.15);
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
backdrop-filter: blur(4px); /* subtle glass effect base */
will-change: transform;
}

.social-icon:hover {
transform: translateY(-8px) scale(1.15);
box-shadow: 0 12px 30px rgba(0,0,0,0.35);
border-color: transparent;
backdrop-filter: blur(10px);
}

/* Brand-specific hover colors */
.social-icon.facebook:hover {
background: #1877f2; /* Facebook blue */
color: white;
}

.social-icon.instagram:hover {
background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); /* Instagram gradient */
color: white;
}

.social-icon.youtube:hover {
background: #ff0000; /* YouTube red */
color: white;
}

/* Link styles */
.footer-links a {
color: rgba(255,255,255,0.92);
text-decoration: none;
position: relative;
display: block;
padding: 0.3rem 0;
transition: all 0.3s ease;
font-size: 0.95rem;
}

.footer-links a:hover {
color: #fff;
transform: translateX(5px);
}

.footer-links a::after {
content: '';
position: absolute;
width: 0;
height: 1.5px;
bottom: -2px;
left: 0;
background: #00d4ff;
transition: width 0.35s ease;
}

.footer-links a:hover::after {
width: 100%;
}

.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.1);
font-size: 0.875rem;
padding-top: 1rem;
}

.small-text { font-size: 0.85rem; line-height: 1.4; }