.site-footer{
    width:100%;
    margin-top:60px;
    background:#111827;
    color:white;
    padding:50px 0 20px;
    position:relative;
}

.footer-content{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
}

.footer-brand h3{
    margin:0 0 12px;
    font-size:1.5rem;
}

.footer-brand p{
    color:rgba(255,255,255,.75);
    line-height:1.6;
}

.footer-links{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.footer-links a{
    color:white;
    text-decoration:none;
    transition:.25s;
}

.footer-links a:hover{
    color:#ef4444;
}

.footer-server p{
    margin:8px 0 0;
    color:rgba(255,255,255,.8);
}

.footer-bottom{
    max-width:1200px;
    margin:30px auto 0;
    padding:20px 24px 0;
    border-top:1px solid rgba(255,255,255,.15);
    text-align:center;
    color:rgba(255,255,255,.65);
}

@media(max-width:900px){
    .footer-content{
        grid-template-columns:1fr;
        text-align:center;
    }
}