.footer { background: #0a1628; border-top: 1px solid rgba(69, 123, 157, 0.2); padding: 48px 0 24px; margin-top: auto; }
.footer .footer-columns { display: grid; grid-template-columns: 1fr; gap: 32px; margin-bottom: 40px; }
.footer .footer-column-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #A8DADC; margin-bottom: 16px; }
.footer .footer-column-links li { margin-bottom: 8px; }
.footer .footer-column-links a { font-size: 14px; color: #6b7f99; transition: color 0.2s; }
.footer .footer-column-links a:hover { color: #A8DADC; }
.footer .footer-affiliate { font-size: 13px; color: #6b7f99; line-height: 1.7; padding: 20px; background: rgba(29, 53, 87, 0.3); border-radius: 8px; margin-bottom: 24px; }
.footer .footer-compliance { text-align: center; padding: 24px 0; border-top: 1px solid rgba(69, 123, 157, 0.15); border-bottom: 1px solid rgba(69, 123, 157, 0.15); margin-bottom: 24px; }
.footer .footer-compliance-title { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 700; color: #A8DADC; margin-bottom: 16px; }
.footer .footer-compliance-shield { width: 20px; height: 20px; fill: #457B9D; }
.footer .footer-compliance-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; margin-bottom: 16px; }
.footer .footer-compliance-logo { height: auto; max-height: 22px; width: auto; opacity: 0.7; filter: grayscale(0.3); transition: opacity 0.2s; }
.footer .footer-compliance-logo:hover { opacity: 1; }
.footer .footer-compliance-text { font-size: 13px; color: #6b7f99; line-height: 1.6; }
.footer .footer-compliance-text a { color: #A8DADC; }
.footer .footer-disclaimer { font-size: 12px; color: #4a5f7a; line-height: 1.6; margin-bottom: 16px; }
.footer .footer-copyright { font-size: 12px; color: #4a5f7a; text-align: center; }
@media (min-width: 768px) {
  .footer .footer-columns { grid-template-columns: 1fr 1fr; }
  .footer .footer-compliance-logos { gap: 32px; }
  .footer .footer-compliance-logo { max-height: 24px; }
}
@media (min-width: 1024px) {
  .footer .footer-columns { grid-template-columns: repeat(4, 1fr); }
}