.footer{padding:60px 0 32px;background:#0B1120;border-top:1px solid #1E293B}
.footer .container{max-width:1200px;margin:0 auto;padding:0 24px}
.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px;margin-bottom:48px}
.footer-brand .nav-logo{margin-bottom:12px;display:inline-flex}
.footer-brand .nav-logo img{height:36px;width:auto}
.footer-brand p{font-size:13px;color:#94A3B8;line-height:1.6;max-width:260px;margin:0}
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:36px;height:36px;border-radius:8px;border:1px solid #1E293B;display:flex;align-items:center;justify-content:center;color:#94A3B8;transition:all 0.2s;text-decoration:none}
.footer-social a:hover{border-color:#EC5A22;color:#EC5A22}
.footer-social a svg{width:16px;height:16px;fill:currentColor}
.footer-certs{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.footer-cert{font-size:10px;font-weight:700;color:#94A3B8;padding:4px 8px;border:1px solid #1E293B;border-radius:4px;letter-spacing:0.5px}
.footer-col h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#94A3B8;margin:0 0 16px}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a{font-size:13px;color:#94A3B8;transition:color 0.2s;text-decoration:none}
.footer-col ul li a:hover{color:#E2E8F0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #1E293B;font-size:12px;color:#94A3B8}
@media(max-width:1024px){
  .footer-grid{grid-template-columns:repeat(3,1fr)}
  .footer-brand{grid-column:span 3}
}
@media(max-width:768px){
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}
  .footer-brand{grid-column:span 2;text-align:center;margin-bottom:8px}
  .footer-brand .nav-logo{justify-content:center}
  .footer-brand p{margin:0 auto;text-align:center}
  .footer-social{justify-content:center}
  .footer-certs{justify-content:center}
  .footer-col h4{font-size:11px;margin-bottom:12px}
  .footer-col ul li{margin-bottom:6px}
  .footer-col ul li a{font-size:12px}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
  .footer{padding:40px 0 24px}
}
@media(max-width:380px){
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-brand{grid-column:span 1}
}