.footer { background: var(--text-primary); color: var(--bg-secondary); margin-top: auto; } .container { max-width: 1400px; margin: 0 auto; padding: 3rem 1.5rem 2rem; } .content { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 2rem; margin-bottom: 3rem; } .section { display: flex; flex-direction: column; gap: 1rem; } .title { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--bg-primary); font-family: var(--font-display); } .description { margin: 0; font-size: 0.875rem; line-height: 1.6; color: rgba(var(--text-inverse-rgb), 0.7); } .sectionTitle { margin: 0; font-size: 0.875rem; font-weight: 600; color: var(--status-below); text-transform: uppercase; letter-spacing: 0.05em; } .links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; } .link { font-size: 0.875rem; color: rgba(var(--text-inverse-rgb), 0.7); text-decoration: none; transition: color 0.2s ease; } .link:hover { color: var(--status-below); } .linkDisabled { font-size: 0.875rem; color: rgba(var(--text-inverse-rgb), 0.4); cursor: not-allowed; } .bottom { padding-top: 2rem; border-top: 1px solid rgba(var(--text-inverse-rgb), 0.15); display: flex; flex-direction: column; gap: 0.5rem; } .copyright, .disclaimer { margin: 0; font-size: 0.875rem; color: rgba(var(--text-inverse-rgb), 0.6); } .disclaimer .link { color: var(--brand); } .disclaimer .link:hover { color: var(--status-below); } @media (max-width: 768px) { .container { padding: 2rem 1rem 1.5rem; } .content { grid-template-columns: 1fr; gap: 2rem; margin-bottom: 2rem; } .bottom { text-align: center; } }