/* Убедимся, что html и body занимают всю высоту */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* Делаем .page flex-контейнером */
.page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Минимальная высота экрана */
}

/* Основной контент будет растягиваться, если контента мало */
.container {
    flex: 1;
}

/* Фиксируем подвал внизу страницы */
.footer {
    margin-top: auto;
}