/* ==========================================================
   THE AI ACE
   FOOTER
   ========================================================== */

/* ---------- FOOTER ---------- */

.site-footer{

    margin-top:120px;

    background:var(--bg-secondary);

    border-top:1px solid var(--border-color);

}

/* ---------- CONTAINER ---------- */

.footer-container{

    width:min(var(--container),95%);

    margin:auto;

    padding:70px 0;

}

/* ---------- GRID ---------- */

.footer-grid{

    display:grid;

    grid-template-columns:
        2fr
        1fr
        1fr
        1fr;

    gap:60px;

}

/* ---------- BRAND ---------- */

.footer-brand{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.footer-logo img{

    height:48px;

}

.footer-description{

    max-width:430px;

    color:var(--text-secondary);

    line-height:1.8;

}

/* ---------- TITLES ---------- */

.footer-title{

    margin-bottom:20px;

    color:var(--text-primary);

    font-size:1rem;

    font-weight:700;

}

/* ---------- LINKS ---------- */

.footer-links{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.footer-links a{

    color:var(--text-secondary);

    transition:.3s;

}

.footer-links a:hover{

    color:var(--color-primary);

    padding-left:6px;

}

/* ---------- SOCIAL ---------- */

.footer-social{

    display:flex;

    gap:14px;

    margin-top:10px;

}

.footer-social a{

    width:42px;

    height:42px;

    display:grid;

    place-items:center;

    border-radius:12px;

    background:var(--bg-card);

    border:1px solid var(--border-color);

    transition:.3s;

}

.footer-social a:hover{

    border-color:var(--color-primary);

    transform:translateY(-3px);

}

/* ---------- NEWSLETTER ---------- */

.footer-newsletter{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.footer-newsletter input{

    padding:15px 18px;

    border-radius:14px;

    background:var(--bg-card);

    color:var(--text-primary);

    border:1px solid var(--border-color);

}

.footer-newsletter button{

    padding:15px;

    border-radius:14px;

    background:var(--gradient-gold);

    color:#000;

    font-weight:700;

    transition:.3s;

}

.footer-newsletter button:hover{

    box-shadow:var(--shadow-gold);

}

/* ---------- BOTTOM ---------- */

.footer-bottom{

    margin-top:60px;

    padding-top:28px;

    border-top:1px solid rgba(255,255,255,.06);

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-copy{

    color:var(--text-muted);

    font-size:.9rem;

}

.footer-bottom-links{

    display:flex;

    gap:24px;

}

.footer-bottom-links a{

    color:var(--text-muted);

    font-size:.9rem;

}

.footer-bottom-links a:hover{

    color:var(--color-primary);

}

/* ---------- RESPONSIVE ---------- */

@media(max-width:1100px){

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:700px){

.footer-grid{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;

align-items:flex-start;

}

}

.footer{border-top:1px solid #153149;padding:32px 46px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;color:var(--muted)}
.footer strong{color:white}.footer-links{display:flex;gap:20px}.internal-page{max-width:1320px;margin:auto;padding:50px 40px 80px}
.footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.content-grid,.course-grid,.tools-gallery{grid-template-columns:1fr}