.login-container {
    max-width: 400px;
    margin: 100px auto;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 5px;
}

/* Add bottom padding for mobile devices */
@media (max-width: 768px) {
    form {
        margin-bottom: 80px !important; /* Adjust based on the height of the bottom nav */
        padding-bottom: 80px !important;
    }
}