#mainFooter {
    background: linear-gradient(180deg, #0D1B2E 0%, #051428 100%);
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    padding: 48px 0 24px;
}
#mainFooter .brand-text { color: #fff !important; font-weight: 800 !important; }
#mainFooter .highlight-gradient {
    background: linear-gradient(135deg, #63B3ED, #90CDF4) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
#mainFooter a { transition: all 0.3s ease; color: rgba(255,255,255,0.6); text-decoration: none; display: inline-block; }
#mainFooter a:hover { color: #63B3ED !important; transform: translateX(4px); }
#mainFooter .footer-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.04) !important;
    transition: all 0.3s ease !important;
    color: rgba(255,255,255,0.6) !important;
}
#mainFooter .footer-social a:hover {
    background: rgba(99,179,237,0.15) !important;
    border-color: #63B3ED !important;
    color: #63B3ED !important;
    transform: translateY(-3px) !important;
}
#mainFooter ul { padding: 0; margin: 0; }
#mainFooter ul li { margin-bottom: 8px; list-style: none; }
#mainFooter ul li a { font-size: 14px; }
#mainFooter .bi { color: #63B3ED; }
#mainFooter hr { border-color: rgba(255,255,255,0.06); margin: 24px 0; }
@media (max-width: 768px) {
    #mainFooter { padding: 32px 0 16px; }
    #mainFooter h5 { font-size: 14px; margin-top: 16px; }
    #mainFooter ul li a { font-size: 13px; }
}