body { min-height: 100vh; }
.learn-footer { margin-top: 2rem; padding: 2rem 1rem; border-top: 1px solid var(--bs-border-color, #d1d5db); background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #172033); }
[data-bs-theme="dark"] .learn-footer { background: var(--bs-body-bg, #111827); color: var(--bs-body-color, #e5e7eb); border-color: var(--bs-border-color, #374151); }
.learn-footer-inner { width: 100%; max-width: 1140px; margin-inline: auto; }
.learn-footer nav ul { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; list-style: none; margin: 1rem 0 0; padding: 0; }
.learn-footer a { display: inline-block; padding-block: .5rem; color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.learn-footer a:hover { text-decoration-thickness: 2px; }
.learn-footer a:focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; border-radius: 2px; }
.learn-footer p { margin: 0; }
.learn-auth-page { flex-direction: column; }
.learn-auth-page > main { flex: 1; display: grid; align-items: center; padding-block: 2rem; }
.learn-auth-page > .learn-footer { width: 100%; margin-top: auto; }
@media (max-width: 575px) { .learn-footer nav ul { flex-direction: column; gap: .25rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }