body .wrapper .site-footer { background-color: #0c0216; border-top: 1px solid rgba(255, 87, 255, 0.16); padding: 44px 20px 30px; }
body .wrapper .site-footer .footer-inner { display: flex; flex-direction: column; gap: 24px; max-width: 1100px; margin: 0 auto 26px; }
body .wrapper .site-footer .footer-brand .brand-name { font-size: 18px; font-weight: 800; color: #ffffff; }
body .wrapper .site-footer .footer-brand .footer-desc { font-size: 14px; line-height: 1.6; color: #B7A6D3; margin-top: 8px; max-width: 460px; }
body .wrapper .site-footer .footer-nav .footer-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
body .wrapper .site-footer .footer-nav .footer-links a { font-size: 14px; font-weight: 600; color: #D9CBEC; transition: color 0.18s ease; }
body .wrapper .site-footer .footer-nav .footer-links a:hover { color: #FF8BFF; }

body .wrapper .site-footer .footer-legal { max-width: 1100px; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0.07); padding-top: 22px; }
body .wrapper .site-footer .footer-legal p { font-size: 12px; line-height: 1.6; color: #A091BE; margin-bottom: 10px; }
body .wrapper .site-footer .footer-legal .footer-copy { color: #8E7DAE; margin-bottom: 0; }

@media (min-width: 768px) {
  body .wrapper .site-footer .footer-inner { flex-direction: row; justify-content: space-between; align-items: flex-start; }
}