.site-footer{
    width:100%;
    margin-top:auto;
    background:linear-gradient(180deg,#0a1424 0%,#0d182a 100%);
    border-top:1px solid rgba(123,181,255,0.14);
    box-shadow:0 -8px 18px rgba(0,0,0,0.18);

    /* footer tipografisini sabitle */
    font-family: Arial, Helvetica, sans-serif;
    line-height:1.35;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.site-footer,
.site-footer *{
    box-sizing:border-box;
}

.footer-frame{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    min-height:64px;
    padding:14px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
}

.footer-left,
.footer-brand{
    display:flex;
    gap:10px;
    align-items:center;
}

.footer-brand{
    color:#e6eef7;
    text-decoration:none;
    font-weight:800;
    font-family:inherit;
    line-height:1.2;
}

.footer-brand:hover{
    color:#ffd44d;
}

.footer-left img{
    width:90px;
    height:60px;
    opacity:1;
    transition:.2s ease;
    object-fit:contain;
    flex:0 0 auto;
}

.footer-left img:hover{
    opacity:1;
    transform:translateY(-1px);
}

.footer-brand-text{
    font-size:14px;
    letter-spacing:.2px;
    font-family:inherit;
    font-weight:800;
}

.footer-center{
    color:#b9cbe0;
    font-size:13px;
    text-align:center;
    flex:1;
    font-family:inherit;
    font-weight:400;
    line-height:1.35;
}

.footer-center p{
    margin:0;
    font-family:inherit;
    font-weight:inherit;
    line-height:inherit;
}

.footer-center a{
    color:#7fd8ff;
    text-decoration:none;
    font-weight:700;
    font-family:inherit;
}

.footer-center a:hover,
.footer-right a:hover{
    color:#ffd22d;
    text-decoration:underline;
}

.footer-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    flex-wrap:wrap;
    color:#8da6c0;
    font-size:12px;
    font-weight:700;
    font-family:inherit;
    line-height:1.25;
}

.footer-right a{
    color:#ffd44d;
    font-weight:600;
    text-decoration:none;
    font-family:inherit;
}

@media screen and (max-width:768px){
    .footer-frame{
        justify-content:center;
        text-align:center;
    }

    .footer-right{
        justify-content:center;
    }
}