*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;overflow-x:hidden}

/*========== FOOTER ==========*/
.main-footer{padding:45px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;color:#334155;font-family:Cambria,serif}
.footer-container{max-width:90%;margin:auto;display:grid;grid-template-columns:340px repeat(4,minmax(160px,1fr));gap:25px;align-items:start}

/* BRAND */
.footer-brand h3{margin:0 0 12px;font-size:28px;font-weight:700;color:#0f172a}
.footer-desc,.support-text,.copyright{color:#64748b;line-height:1.7}
.footer-desc{max-width:430px;margin:0 0 18px;font-size:14px}

/* INFO */
.footer-info{display:grid;gap:8px;margin-bottom:20px}
.footer-info p{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#475569}
.footer-info i{width:18px;color:#2563eb}

/* SOCIAL */
.footer-social{margin-top:18px}
.footer-social h4,.footer-links h4{margin:0 0 12px;color:#0f172a}
.footer-social h4{font-size:16px}
.footer-links h4{font-size:18px;font-weight:700}
.social-icons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.social-icons a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#eff6ff;color:#2563eb;text-decoration:none;transition:.3s}
.social-icons a:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}
.support-text,.footer-links a{font-size:14px}

/* LINKS */
.footer-links ul{margin:0;padding:0;list-style:none}
.footer-links li{margin-bottom:8px}
.footer-links a{display:inline-block;color:#475569;text-decoration:none;transition:.25s}
.footer-links a:hover{color:#2563eb;transform:translateX(4px)}

/* BOTTOM */
.footer-bottom{margin-top:35px;padding:18px 10px;border-top:1px solid #e2e8f0;text-align:center}
.copyright{margin:0;font-size:13px}

/* RESPONSIVE */
@media(max-width:1100px){.footer-container{grid-template-columns:300px repeat(2,1fr)}}
@media(max-width:900px){
.footer-container{grid-template-columns:repeat(2,1fr)}
.footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
.footer-container{grid-template-columns:1fr}
}