footer { background: var(--bg0, #07111e); border-top: 1px solid var(--border, #2d3f55); padding: 60px 5vw 34px; }
.footer-inner { display: flex; justify-content: space-between; align-items: flex-start; gap: 48px; flex-wrap: wrap; margin-bottom: 44px; }
.footer-brand { max-width: 280px; }
.footer-brand img { height: 28px; margin-bottom: 14px; display: block; opacity: 0.9; }
.footer-brand p { font-size: 13px; color: var(--text-faint, #cbd5e1); line-height: 1.65; }
.footer-col h4 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-faint, #cbd5e1); margin-bottom: 14px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 12px; padding: 0; margin: 0; }
.footer-col li a { font-size: 13px; color: var(--text-dim, #94a3b8); transition: color 0.15s; }
.footer-col li a:hover { color: var(--text, #e2e8f0); text-decoration: none; }
.footer-bottom { border-top: 1px solid var(--border, #2d3f55); padding-top: 22px; font-size: 12px; color: var(--text-faint, #cbd5e1); }
.footer-contact { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 26px 56px; border-top: 1px solid var(--border, #2d3f55); padding-top: 30px; margin-bottom: 30px; font-size: 13px; color: var(--text-dim, #94a3b8); line-height: 1.65; }
.footer-contact a { color: var(--text-dim, #94a3b8); text-decoration: none; }
.footer-contact a:hover { color: var(--text, #e2e8f0); }
.fc-item { display: flex; gap: 11px; align-items: flex-start; }
.fc-item svg { flex: none; width: 16px; height: 16px; margin-top: 3px; opacity: 0.7; }
.fc-social { margin-left: auto; display: flex; gap: 10px; }
.fc-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; border: 1px solid var(--border, #2d3f55); }
.fc-social a svg { width: 17px; height: 17px; }
.fc-social a:hover { border-color: var(--text-dim, #94a3b8); color: var(--text, #e2e8f0); }
@media (max-width: 640px) { .fc-social { margin-left: 0; } }
footer a { text-decoration: none; }
footer a:hover { text-decoration: none; }