diff --git a/public/css/style.css b/public/css/style.css index 70a794e..2b93ef6 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2695,4 +2695,72 @@ input:checked+.slider:before { color: var(--accent-indigo); background: rgba(99, 102, 241, 0.1); border-color: var(--accent-indigo); +} + +/* ---- Footer ---- */ +.site-footer { + margin-top: 40px; + padding: 30px 28px; + border-top: 1px solid var(--border-color); + background: rgba(10, 14, 26, 0.4); + backdrop-filter: blur(10px); + position: relative; + z-index: 10; +} + +:root.light-theme .site-footer { + background: rgba(255, 255, 255, 0.4); +} + +.footer-content { + max-width: 1600px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 20px; +} + +.copyright { + font-size: 0.88rem; + color: var(--text-muted); + font-weight: 500; +} + +.filings { + display: flex; + align-items: center; + gap: 20px; +} + +.filings a { + font-size: 0.82rem; + color: var(--text-muted); + text-decoration: none; + transition: color 0.2s; + display: flex; + align-items: center; +} + +.filings a:hover { + color: var(--accent-indigo); +} + +@media (max-width: 768px) { + .site-footer { + padding: 24px 16px; + margin-top: 20px; + } + + .footer-content { + flex-direction: column; + text-align: center; + gap: 12px; + } + + .filings { + flex-direction: column; + gap: 8px; + } } \ No newline at end of file diff --git a/public/index.html b/public/index.html index bb91bb7..8875c80 100644 --- a/public/index.html +++ b/public/index.html @@ -354,6 +354,20 @@ + + +