.site-footer {
    background: #111111; color: #ffffff; padding: 40px 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative; z-index: 10;
}
.footer-wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.f-col-left { display: flex; align-items: center; gap: 15px; }
.f-logo { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.f-year { font-size: 11px; color: #555; border-left: 1px solid #333; padding-left: 15px; }
.f-contact-link {
    text-decoration: none; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 2px;
    border: 1px solid rgba(255,255,255,0.2); padding: 10px 25px; border-radius: 50px;
    transition: all 0.3s ease; display: flex; align-items: center; gap: 10px;
}
.f-contact-link:hover { background: #fff; color: #000; border-color: #fff; }
.f-col-right { display: flex; align-items: center; gap: 30px; }
.f-icons { display: flex; gap: 20px; }
.f-icons a { color: #888; font-size: 14px; transition: color 0.3s; }
.f-icons a:hover { color: #fff; }
.f-dev { text-decoration: none; color: #333; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.f-dev:hover { color: #666; }