/* Footer Background */
.custom-footer {
background: rgba(0, 0, 22, 0.1);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px 20px 0 0;
padding: 50px 20px;
text-align: center;
position: relative;
box-shadow: 0 -8px 32px rgba(0, 123, 255, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.custom-footer::before {
content: ‘’;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg,
rgba(0, 0, 22, 0.8) 0%,
rgba(0, 17, 43, 0.6) 50%,
rgba(0, 10, 31, 0.8) 100%);
z-index: -1;
}
/* Footer Logo */
.footer-logo img {
height: 60px;
margin-bottom: 20px;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
filter: drop-shadow(0 4px 8px rgba(255, 255, 255, 0.1));
}
.footer-logo img:hover {
transform: scale(1.1) translateY(-2px);
}
/* Footer Links */
.footer-links {
list-style: none;
padding: 0;
margin: 0 auto 20px;
display: flex;
justify-content: center;
gap: 30px;
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.05);
border-radius: 50px;
padding: 15px 30px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-links li {
display: inline;
}
.footer-links a {
color: rgba(255, 255, 255, 0.9);
font-size: 18px;
text-decoration: none;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
padding: 8px 16px;
border-radius: 25px;
backdrop-filter: blur(5px);
}
.footer-links a:hover {
color: #ffd700;
background: rgba(255, 215, 0, 0.1);
text-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
border: 1px solid rgba(255, 215, 0, 0.3);
}
/* Social Icons */
.footer-socials {
margin: 20px 0;
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.05);
border-radius: 50px;
padding: 15px;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-socials a {
display: inline-block;
color: rgba(0, 123, 255, 0.9);
font-size: 24px;
margin: 0 15px;
padding: 12px;
border-radius: 50%;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
backdrop-filter: blur(5px);
background: rgba(0, 123, 255, 0.1);
border: 1px solid rgba(0, 123, 255, 0.2);
}
.footer-socials a:hover {
color: #ffd700;
background: rgba(255, 215, 0, 0.2);
text-shadow: 0 0 15px rgba(255, 215, 0, 0.8);
border: 1px solid rgba(255, 215, 0, 0.4);
transform: translateY(-3px) scale(1.1);
box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}
/* Copyright */
.footer-copyright {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
margin-top: 15px;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(5px);
border-radius: 25px;
border: 1px solid rgba(255, 255, 255, 0.08);
display: inline-block;
}
