/* Shared retro chrome — wins over page-specific bare footer rules */
.retro-footer{
  position:relative;
  z-index:5;
  margin-top:28px;
  border-top:1px solid var(--cyan, #00eaff);
  background:#030822 !important;
  background-image:none !important;
  padding:28px 0 14px;
  overflow:hidden;
}
.retro-footer .container,
.retro-footer .footer-grid{
  position:relative;
  z-index:1;
}
.retro-footer .footer-grid{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
  display:grid !important;
  grid-template-columns:1.4fr repeat(4, 1fr) !important;
  gap:24px !important;
  align-items:start;
}
.retro-footer .footer-logo,
.retro-footer .site-logo{
  width:auto;
  height:40px;
  max-width:100%;
  display:block;
  margin-bottom:10px;
}
.retro-footer h4{
  color:var(--cyan, #00eaff);
  margin:0 0 8px;
  font:700 12px Orbitron, Arial, sans-serif;
}
.retro-footer a,
.retro-footer p{
  display:block;
  font-size:12px;
  margin:5px 0;
  color:#c4d9f4;
  line-height:1.45;
}
.retro-footer a:hover{
  color:#ff31e2;
}
.retro-footer .copyright{
  width:min(1180px, calc(100% - 48px));
  margin:18px auto 0;
  padding-top:14px;
  border-top:1px solid rgba(0,234,255,.35);
  text-align:right;
  color:#8ea9bc;
  font-size:11px;
  background:transparent;
}
@media (max-width:900px){
  .retro-footer .footer-grid{
    grid-template-columns:repeat(3, 1fr) !important;
  }
}
@media (max-width:680px){
  .retro-footer .footer-grid{
    width:min(100% - 28px, 1180px);
    grid-template-columns:1fr 1fr !important;
    gap:16px !important;
  }
  .retro-footer .copyright{
    width:min(100% - 28px, 1180px);
    text-align:left;
  }
}